@charset "UTF-8";
.uppy-is-drag-over::after {
  position: fixed;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  z-index: 10000;
  background-color: rgba(234, 234, 234, 0.5);
  border: 5px dashed #bbb;
  content: "";
  pointer-events: none;
}

/*# sourceMappingURL=style.css.map */

.preloader[data-v-42aa5947] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2006;
}
.preloader.background[data-v-42aa5947] {
  background-color: rgba(255, 255, 255, 0.7);
}
.preloader.loader-small .logo-inner[data-v-42aa5947] {
  height: 24px !important;
}
.preloader.loader-small .logo-inner > div[data-v-42aa5947] {
  margin: 0px 2px !important;
  width: 2px !important;
}
.preloader.loader-big .logo-inner[data-v-42aa5947] {
  height: 64px !important;
}
.preloader.loader-big .logo-inner > div[data-v-42aa5947] {
  margin: 0px 4px !important;
  width: 4px !important;
}
.preloader.no-overlay[data-v-42aa5947] {
  background-color: transparent;
}
.preloader .logo-inner[data-v-42aa5947] {
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader .logo-inner > div[data-v-42aa5947] {
  display: inline-block;
  width: 4px;
  height: 100%;
  margin: 0 4px;
  z-index: 1001;
  background-color: #111111;
  animation: sk-stretchdelay-42aa5947 1.2s infinite ease-in-out;
  -webkit-animation: sk-stretchdelay-42aa5947 1.2s infinite ease-in-out;
}
.preloader .logo-inner > div.rect2[data-v-42aa5947] {
  animation-delay: -1.1s;
  -webkit-animation-delay: -1.1s;
}
.preloader .logo-inner > div.rect3[data-v-42aa5947] {
  animation-delay: -1s;
  -webkit-animation-delay: -1s;
}
.preloader .logo-inner > div.rect4[data-v-42aa5947] {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}
@keyframes sk-stretchdelay-42aa5947 {
0%, 40%, 100% {
    transform: scaleY(0.66);
    -webkit-transform: scaleY(0.66);
}
20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}
}

.template-form__form[data-v-c12c7c7e] {
  display: flex;
  align-items: center;
}
.template-form__select-country[data-v-c12c7c7e] {
  width: 180px;
}

#companysearch-fieldset {
  min-height: 80px;
}

.to-the-top {
  z-index: 10000 !important;
}

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.avatar-randomized__img[data-v-3dfb1d4d] {
  padding: 0;
}

.mention-suggestion {
  color: rgba(0, 0, 0, 0.6);
}
.suggestion-list {
  max-height: 304px;
  overflow-y: scroll;
}
.suggestion-list__item {
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 0.2rem;
  padding: 0.2rem 0.5rem;
}
.suggestion-list__item:last-child {
  margin-bottom: 0;
}
.suggestion-list__item.is-selected, .suggestion-list__item.is-selected:hover {
  background-color: #edf0ff;
}
.suggestion-list__item.is-empty {
  cursor: default;
}
.suggestion-list__item .name {
  color: #111111;
}
.suggestion-list__item .email {
  color: #8c909c;
}
.suggestion-list .suggestion-loading {
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tippy-box[data-theme~=mention] {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 12px rgba(17, 17, 17, 0.24);
  color: #111111;
  min-width: 440px;
  padding: 0;
}
.tippy-box[data-theme~=mention] .tippy-content {
  padding: 0;
}

.fake-user[data-v-c5e34ac6] {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
}
.fake-user[data-v-c5e34ac6]:hover {
  background: var(--colors-component-background-actionable-hover);
}
.fake-user__text[data-v-c5e34ac6] {
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 4px;
  height: 16px;
  width: 326px;
}
.fake-user:nth-of-type(2) .fake-user__text[data-v-c5e34ac6] {
  width: 341px;
}
.fake-user:nth-of-type(4) .fake-user__text[data-v-c5e34ac6] {
  width: 319px;
}
.fake-user:nth-of-type(5) .fake-user__text[data-v-c5e34ac6] {
  width: 333px;
}

.sellsy-ai-writer[data-v-325af04d] {
  background: linear-gradient(#fff, #fff) padding-box, var(--colors-sellsy-ai-gradient) border-box;
  border-radius: var(--spacing-0);
  border: 1px solid transparent;
  box-shadow: var(--box-shadows-x-small);
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
}
.sellsy-ai-writer__is-limited[data-v-325af04d] {
  background: initial;
  border: 1px solid var(--colors-component-background-information-tag-disabled);
}
.sellsy-ai-writer__container-input[data-v-325af04d] {
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) 6px;
}
.sellsy-ai-writer__container-input__is-limited[data-v-325af04d] {
  border-radius: var(--spacing-0) var(--spacing-0) 0 0;
  background: var(--colors-common-background-disabled);
  cursor: not-allowed;
}
.sellsy-ai-writer__container-input__is-limited input[data-v-325af04d]:disabled {
  cursor: not-allowed;
}
.sellsy-ai-writer__container-limit[data-v-325af04d] {
  justify-content: space-between;
  display: flex;
  padding: var(--spacing-1) var(--spacing-0);
}
.sellsy-ai-writer__container-limit__icon-label[data-v-325af04d] {
  display: flex;
  gap: var(--spacing-0);
  align-items: center;
  user-select: none;
  cursor: default;
}
.sellsy-ai-writer__container-limit__actions[data-v-325af04d] {
  display: flex;
  gap: var(--spacing-3);
}
.sellsy-ai-writer__input[data-v-325af04d] {
  border: 0;
  flex-grow: 1;
  font-size: var(--font-size-14);
  font-weight: 400;
  line-height: 20px;
  padding: 0;
}
.sellsy-ai-writer__button[data-v-325af04d] {
  align-items: center;
  background: var(--colors-sellsy-ai-gradient);
  border: 0;
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-on-color);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 100ms cubic-bezier(0, 0, 0.3, 1);
  width: 24px;
}
.sellsy-ai-writer__button[data-v-325af04d]:before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 100ms cubic-bezier(0, 0, 0.3, 1);
}
.sellsy-ai-writer__button[data-v-325af04d]:hover:before {
  opacity: 1;
}
.sellsy-ai-writer__button[disabled=disabled][data-v-325af04d] {
  background: var(--colors-common-background-disabled);
  color: var(--colors-common-text-standard-disabled);
  cursor: not-allowed;
}
.sellsy-ai-writer__button[disabled=disabled][data-v-325af04d]:before {
  content: none;
}
.sellsy-ai-writer__button svg[data-v-325af04d] {
  position: relative;
  z-index: 1;
}

.compass-popover__container.rich-text-style.custom-tags-and-fields__popover .compass-popover__content {
  background: var(--colors-common-background-default);
  border-radius: 14px;
  box-shadow: var(--elevation-ai);
  padding: var(--spacing-3);
}

.ProseMirror .custom-signature table,
.ProseMirror .custom-signature td,
.ProseMirror .custom-signature th {
  border: inherit;
}

.quickpay-payment-email-footer-widget[data-v-15a8fc53] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
  padding: var(--spacing-3);
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
}
.quickpay-payment-email-footer-widget--with-close-button[data-v-15a8fc53] {
  padding-right: var(--spacing-6);
}
.quickpay-payment-email-footer-widget__content[data-v-15a8fc53] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  min-width: 0;
}
.quickpay-payment-email-footer-widget__header[data-v-15a8fc53] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  flex-wrap: wrap;
}
.quickpay-payment-email-footer-widget__secure-title[data-v-15a8fc53] {
  color: var(--colors-common-text-standard-default);
  white-space: nowrap;
}
.quickpay-payment-email-footer-widget__logos[data-v-15a8fc53] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
}
.quickpay-payment-email-footer-widget__logo[data-v-15a8fc53] {
  height: 18px;
  width: auto;
  object-fit: contain;
}
.quickpay-payment-email-footer-widget__description[data-v-15a8fc53] {
  color: var(--colors-common-text-subtle-default);
  margin: 0;
}
.quickpay-payment-email-footer-widget__button[data-v-15a8fc53] {
  flex-shrink: 0;
  background-color: var(--colors-common-background-darkest-default);
}
.quickpay-payment-email-footer-widget__button[data-v-15a8fc53]:hover {
  background-color: var(--colors-common-background-darkest-lighter);
}

.custom-payment-footer[data-v-a5ca3156] {
  position: relative;
  margin-bottom: var(--spacing-2);
}
.custom-payment-footer__dismiss[data-v-a5ca3156] {
  position: absolute;
  top: var(--spacing-1);
  right: var(--spacing-1);
  z-index: 1;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.attachment-richtext__dropdown-option[data-v-71a5c568] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.attachment-richtext__dropdown-option-icon[data-v-71a5c568] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.attachment-richtext__dropdown-option-label[data-v-71a5c568] {
  color: var(--colors-common-text-standard-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 170px;
}


.attachment-richtext__menu,
.attachment-richtext__dropdown {
    z-index: 1000 !important;
}
.attachment-richtext__dropdown .compass-dropdown-option {
    gap: 0;
}
.attachment-richtext__dropdown .compass-dropdown-option .compass-dropdown-option--selected {
    display: none;
}
.attachment-richtext__dropdown .compass-dropdown__content--loading:has(.compass-loader) {
    padding: var(--spacing-1) 0;
}


.color-palette__colors[data-v-ec1398ac] {
  position: relative;
  padding-bottom: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}
.color-palette__colors[data-v-ec1398ac]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--colors-common-border-lighter);
}
.color-palette__colors-row[data-v-ec1398ac] {
  display: flex;
}
.color-palette__colors-cell[data-v-ec1398ac] {
  padding: 2px;
}
.color-palette__colors-label[data-v-ec1398ac] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  border: 1px solid var(--colors-common-border-on-color);
}
.color-palette__colors-label[data-v-ec1398ac]:hover {
  border: 1px solid var(--colors-common-border-lighter);
  box-shadow: 0 0 0 1px var(--colors-common-border-mask), 0 0 0 2px var(--colors-common-border-on-color);
}
.color-palette__colors-icon[data-v-ec1398ac] {
  color: var(--colors-common-text-standard-on-color);
}
.color-palette__form[data-v-ec1398ac] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
}
.color-palette__form-color-input[data-v-ec1398ac] {
  max-width: 110px;
}
.color-palette__form-reset-button[data-v-ec1398ac] {
  flex-shrink: 0;
}

.color-palette__form-color-input .compass-input {
  width: 100%;
}

.select-richtext[data-v-54676a8b] {
  display: flex;
  padding: var(--spacing-0);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-0);
  border-radius: var(--spacing-0);
}
.select-richtext[data-v-54676a8b]:hover:not(.select-richtext--disabled) {
  cursor: pointer;
  background: var(--colors-common-background-primary-hover-alt);
}
.select-richtext--active[data-v-54676a8b] {
  background: var(--colors-common-background-primary-active-alt);
}
.select-richtext--disabled[data-v-54676a8b] {
  color: var(--colors-common-text-standard-disabled);
}

.custom-menu-item__richtext-code code[data-v-9d52d9c9] {
  font-family: monospace;
  font-weight: 400;
  font-size: var(--font-size-12);
  line-height: var(--line-heights-16);
  color: var(--colors-common-text-standard-default);
}

.image-richtext-popover__content[data-v-7ba3ad98] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.image-richtext-popover__input[data-v-7ba3ad98] {
  min-width: 295px;
}
.image-richtext-popover__buttons[data-v-7ba3ad98] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-0);
}

.custom-popover-link {
  width: 320px;
}
.custom-popover-link .link-form-item-text {
  margin: 0 0 var(--spacing-1);
}
.custom-popover-link .link-form-item-link {
  margin: 0 0 var(--spacing-0);
}
.custom-popover-link .link-test {
  display: flex;
  margin: 0 0 var(--spacing-1);
  justify-content: flex-end;
}
.custom-popover-link .link-test-error {
  margin: -20px 0 var(--spacing-1);
}
.custom-popover-link .link-target {
  margin: 0 0 var(--spacing-2);
}
.custom-popover-link .link-container-action {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.customtags-select {
  z-index: 1001 !important;
}

.custom-tags-ai-modal__name[data-v-60b8b3f5] {
  margin: 0 0 var(--spacing-3);
}
.custom-tags-ai-modal__footer[data-v-60b8b3f5] {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-3);
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}

.compass-dropdown.custom-tags-and-fields-richtext__dropdown {
  z-index: 1001;
}
.compass-dropdown.custom-tags-and-fields-richtext__dropdown .compass-dropdown-option--selected .compass-dropdown-option--selected {
  display: none;
}
.compass-dropdown.custom-tags-and-fields-richtext__dropdown .compass-tooltip {
  display: block;
}
.custom-tags-and-fields-richtext__ai-tooltip {
  max-width: 288px;
}

.custom-tags-and-fields-richtext__popover[data-v-329af91b] {
  display: flex;
  width: 312px;
}
.custom-tags-and-fields-richtext__ai:not(.compass-dropdown-option--disabled) .custom-tags-and-fields-richtext__ai-label[data-v-329af91b] {
  background: var(--colors-sellsy-ai-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.sellsy-ai.compass-menu:not(.rich-text-menu *), .sellsy-ai__menu, .sellsy-ai__popover {
  z-index: 1000 !important;
}
.sellsy-ai__menu-group {
  z-index: 1001 !important;
}
.sellsy-ai__menu .prefix-icon-container {
  height: var(--spacing-3);
  width: var(--spacing-3);
}
.sellsy-ai__menu .compass-menu__dropdown__content {
  max-height: none !important;
}
.sellsy-ai__menu__remaining-quota {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--spacing-0);
  cursor: default;
  user-select: none;
}
.sellsy-ai__menu__remaining-quota--hover:hover {
  border-radius: var(--spacing-0);
  background: var(--colors-common-background-primary-subtle);
}
.sellsy-ai__menu__remaining-quota-label {
  color: var(--colors-common-text-standard-caption);
}
.sellsy-ai__menu__remaining-quota-upsell {
  display: flex;
  gap: var(--spacing-0);
}
.sellsy-ai__menu__divider {
  height: 1px;
  margin: 0 var(--spacing-1);
  border: none;
  background: var(--colors-common-border-lighter);
}
.sellsy-ai__popover .compass-popover__content {
  padding: var(--spacing-1);
}
.sellsy-ai__popover-container {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
}
.sellsy-ai__popover-container .label-limit-quota {
  margin: 0;
}
.sellsy-ai__button {
  position: relative;
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid transparent;
  padding: 0;
  background: var(--colors-common-background-default);
  box-shadow: var(--elevation-ai);
  transition: all 100ms cubic-bezier(0, 0, 0.3, 1);
}
.sellsy-ai__button:hover {
  background: linear-gradient(var(--colors-common-background-primary-subtle), var(--colors-common-background-primary-subtle)) padding-box, var(--colors-sellsy-ai-gradient) border-box;
}
.sellsy-ai__button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px var(--spacing-1);
  gap: var(--spacing-0);
  color: var(--colors-common-text-standard-default);
}

.rich-text-menu hr[data-v-b4a28080] {
  width: 1px;
  height: 24px;
  margin: 0;
  border: none;
  border-radius: 1px;
  background: var(--colors-common-border-lighter);
}
.rich-text-menu .menu__item--ai[data-v-b4a28080] {
  display: flex;
  gap: var(--spacing-0);
}
.rich-text-menu .menu-container[data-v-b4a28080] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
}

.custom-menu-container,
.custom-menu-container-textalign,
.custom-menu-container-more {
  z-index: 1000 !important;
}
.compass-popover__container {
  z-index: 1001 !important;
}
.custom-menu-container .compass-dropdown-option__label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
.custom-menu-container .heading {
  margin: 0;
  line-height: normal;
}
.custom-menu-container-textalign .compass-menu__dropdown__content__options-container,
.custom-menu-container-more .compass-menu__dropdown__content__options-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.custom-menu-container-more .compass-tooltip {
  width: 100%;
}
.option-shortcuts {
  color: var(--colors-common-text-contrast-caption) !important;
}
.option-shortcuts-menu {
  color: var(--colors-common-text-standard-caption) !important;
}
.compass-tooltip__item {
  z-index: 1001 !important;
}
.richtext-more-block {
  background: #f6f6f9;
}

.tippy-box[data-theme~=sellsyai] {
  background-color: transparent;
  color: var(--colors-common-text-standard-on-color);
}
.tippy-box[data-theme~=sellsyai] .tippy-content {
  padding: 0;
}

.sellsy-ai-loader[data-v-3c322175] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.sellsy-ai-loader__circle[data-v-3c322175] {
  animation: spin 1.6s linear infinite;
}

.ai-feedback__popover[data-v-2316ff3d] {
  width: 400px;
}
.ai-feedback__popover-header[data-v-2316ff3d] {
  display: flex;
  align-items: flex-start;
  margin: 0 0 var(--spacing-1);
}
.ai-feedback__popover-tag[data-v-2316ff3d] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
}
.ai-feedback__popover-button[data-v-2316ff3d] {
  display: flex;
  justify-content: flex-end;
  margin: var(--spacing-1) 0 0;
}
.ai-feedback__popover[data-v-2316ff3d] .compass-input {
  font-size: 14px;
  line-height: 20px;
}

.sellsy-ai-dialog[data-v-a1b55d3d] {
  background: var(--colors-common-background-default);
  border-radius: 20px;
  box-shadow: var(--elevation-ai);
  display: flex;
  gap: var(--spacing-1);
  justify-content: space-between;
  margin: var(--spacing-0) 0 0;
  max-width: 576px;
  padding: var(--spacing-1) var(--spacing-3);
  position: absolute;
  user-select: none;
  width: 100%;
  z-index: 1000;
}
.sellsy-ai-dialog__description[data-v-a1b55d3d] {
  align-items: center;
  display: flex;
}
.sellsy-ai-dialog__description > div[data-v-a1b55d3d] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.sellsy-ai-dialog__description[data-v-a1b55d3d] .sellsy-ai-loader {
  height: var(--spacing-3);
  width: var(--spacing-3);
}
.sellsy-ai-dialog__loading-label[data-v-a1b55d3d] {
  background: var(--colors-sellsy-ai-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.sellsy-ai-dialog__message[data-v-a1b55d3d] {
  align-items: center;
  display: flex;
  gap: var(--spacing-0);
}
.sellsy-ai-dialog__loaded[data-v-a1b55d3d], .sellsy-ai-dialog__limit[data-v-a1b55d3d] {
  color: var(--colors-common-text-subtle-default);
}
.sellsy-ai-dialog__actions[data-v-a1b55d3d] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
}

.custom-richtext[data-v-9177abe2] {
  width: 100%;
}

.hovered-actions {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s linear;
  padding: 4px;
}
.copy-element:hover .hovered-actions {
  opacity: 1;
}
.copy-element:hover .avatar-name-hovered {
  padding-right: 70px;
}

.avatar-name[data-v-9b4a87f8] {
  transition: all 0.3s linear;
  vertical-align: middle;
}
.avatar-name[data-v-9b4a87f8]:not(.avatar-name-disabled):hover {
  color: #4868fd;
}
.avatar-name[data-v-9b4a87f8] {
  width: auto;
}
.avatar-tiny[data-v-9b4a87f8] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  padding: 0;
  border-radius: 2px;
  background-color: #01002d;
  color: #ffffff !important;
}
.opportunityList .avatar-name[data-v-9b4a87f8] {
  max-width: 200px;
}
.block[data-v-9b4a87f8] {
  display: block;
}

.person-list ul.person li[data-v-830f9b77]:hover {
  background-color: #edf0ff;
}
.person-list ul.person li:hover .person-name[data-v-830f9b77] {
  color: #4868fd;
}
.person[data-v-830f9b77] {
  overflow-x: hidden;
}
.person .fullname[data-v-830f9b77] {
  width: calc(100% - 40px);
  padding-left: 8px;
}
.person[data-v-830f9b77] .compass-tooltip {
  display: block;
  min-width: 0;
}
.person[data-v-830f9b77] .avatar-name {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.person-name[data-v-830f9b77] {
  width: calc(100% - 45px);
}
.cd-timeline-block .person-list[data-v-830f9b77] {
  width: auto !important;
}

.customfields-tool-tip[data-v-d1480b38] {
  transform: translateX(-8.5%);
}
.customfields-value[data-v-d1480b38] {
  overflow-wrap: anywhere;
}
.customfields-value .customfields-history[data-v-d1480b38] {
  position: absolute;
  display: flex;
  align-items: center;
  right: var(--spacing-1);
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s linear;
  padding: var(--spacing-0);
  z-index: 2;
}
.customfields-value .customfields-history.history-top-pos[data-v-d1480b38] {
  align-items: start;
  padding: var(--spacing-2) var(--spacing-0);
}
.customfields-value:hover .customfields-history[data-v-d1480b38] {
  opacity: 1;
}
.customfields-value[data-v-d1480b38]:hover {
  /* Override from HoveredActions */
}
.customfields-value:hover .hovered-actions[data-v-d1480b38] {
  opacity: 1;
  right: 90px !important;
}
.customfields-value:hover .avatar-name-hovered[data-v-d1480b38] {
  padding-right: 70px;
}

.btn.btn-primary .link[data-v-6633135d] {
  color: #ffffff !important;
}

.el-select-dropdown.el-popper.custom-dropdown {
  box-shadow: 0 0 12px rgba(17, 17, 17, 0.24);
  border-radius: 6px;
  margin-top: 4px;
}
.el-select-dropdown.el-popper.custom-dropdown .popper__arrow {
  display: none;
}
.el-select-dropdown.el-popper.custom-dropdown .el-select-dropdown__list {
  padding: 8px 0;
}
.el-select-dropdown.el-popper.custom-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  border-radius: 4px;
  margin: 0 8px;
  padding: 0 8px;
}

.rich-text[data-v-994b7587] {
  min-width: auto;
}

.cauto {
  cursor: auto !important;
}

.side-panel-content[data-v-79490e82] {
  overflow-x: hidden;
}
.overlay[data-v-79490e82] {
  background-color: rgba(0, 0, 0, 0.35);
}
.fade-enter-active[data-v-79490e82],
.fade-leave-active[data-v-79490e82],
.slide-enter-active[data-v-79490e82],
.slide-leave-active[data-v-79490e82] {
  transition: all 0.3s ease;
}
.slide-enter[data-v-79490e82],
.slide-leave-to[data-v-79490e82] {
  transform: translateX(100%);
}
.fade-enter[data-v-79490e82],
.fade-leave-to[data-v-79490e82] {
  opacity: 0;
}
.sidepanel-small[data-v-79490e82] {
  width: 328px;
}
.sidepanel-medium[data-v-79490e82] {
  width: 480px;
}
.sidepanel-large[data-v-79490e82] {
  width: 720px;
}

.opportunity-form__dialog[data-v-9442de0a] {
  z-index: 1001;
}
.opportunity-form__dialog .dialog__default[data-v-9442de0a] {
  padding-bottom: var(--spacing-4);
}
.opportunity-form__dialog .dialog__footer[data-v-9442de0a] {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-5) var(--spacing-4);
}
.el-select-dropdown__item.selected .option-fullname[data-v-9442de0a] {
  font-weight: 600;
}

.autocomplete-address__loader[data-v-778b88e5] {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: var(--spacing-2);
}
.autocomplete-address__results[data-v-778b88e5] {
  max-height: 312px;
  overflow-y: auto;
}

.address-form-fields[data-v-22ecad02] {
  display: flex;
  flex-direction: column;
}
.address-form-fields__inputs[data-v-22ecad02] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.address-form-fields__button-switch-mode[data-v-22ecad02] {
  align-self: start;
  margin-top: var(--spacing-0);
}
.address-form-fields__street[data-v-22ecad02] .compass-form-item__input {
  gap: var(--spacing-1);
}
.address-form-fields__zip-and-city[data-v-22ecad02] {
  display: flex;
  gap: var(--spacing-3);
}
.address-form-fields__postal[data-v-22ecad02] {
  width: 80px;
}
.address-form-fields__city[data-v-22ecad02] {
  flex: 1;
}

#compass-dropdown-container .address-form-fields__country-menu {
  z-index: 1001;
}

.address-form-modal__body[data-v-614caff5] {
  display: flex;
  flex-direction: column;
}

.third-address-form-modal__body[data-v-e694f02f] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

#compass-dropdown-container .third-address-form-modal__address-menu {
  z-index: 1001;
}

.doc-preview .dialog__default[data-v-4d9da52a] {
  height: 838px;
  display: flex;
  justify-content: space-between;
}
.doc-preview .dialog__default--actions[data-v-4d9da52a] {
  line-height: 24px;
  margin: 0;
}
.doc-preview .dialog__default--list[data-v-4d9da52a] {
  margin-top: 8px;
}
.doc-preview .dialog__default--link[data-v-4d9da52a] {
  margin: 6px 12px;
}
.doc-preview .dialog__default embed[data-v-4d9da52a] {
  width: 550px;
  height: 100%;
}

.email-onboarding-provider[data-v-1243c578] {
  max-width: 450px;
}
.email-onboarding-provider .provider-item[data-v-1243c578] {
  height: 96px;
  width: 96px;
  transition: all 0.3s linear;
}
.email-onboarding-provider .provider-item[data-v-1243c578]:hover {
  box-shadow: 0 0 8px 0 #8c909c;
}
.email-onboarding-provider .provider-item img[data-v-1243c578] {
  max-width: 35px;
  max-height: 35px;
}
.email-onboarding-provider .description[data-v-1243c578] {
  line-height: 16px;
}

#compass-dropdown-container .add-recurring-term__select {
  z-index: 1001;
}

.add-recurring-term[data-v-22703037] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.change-owner-component .dialog__header[data-v-85fdf2aa] {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-4) var(--spacing-5);
}
.change-owner-component .dialog__header--title[data-v-85fdf2aa] {
  display: flex;
  flex-direction: column;
}
.change-owner-component .dialog__header--close[data-v-85fdf2aa] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.change-owner-component .dialog__default[data-v-85fdf2aa] {
  padding-bottom: var(--spacing-4);
}
.change-owner-component .dialog__footer[data-v-85fdf2aa] {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-5) var(--spacing-4);
}

.edit-recurring-service-period-component p[data-v-e01f6418] {
  margin: 0 0 var(--spacing-3);
}

.change-generation-mode-component .dialog__header {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}
.change-generation-mode-component .dialog__header--title {
  display: flex;
  flex-direction: column;
}
.change-generation-mode-component .dialog__header--close {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.change-generation-mode-component .dialog__default {
  padding-bottom: 24px;
}
.change-generation-mode-component .dialog__default p {
  margin: 0 0 var(--spacing-3);
}
.change-generation-mode-component .dialog__default ul {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}
.change-generation-mode-component .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}

.avatar-uploader-dialog .dialog__default[data-v-2845791b] {
  padding-bottom: 24px;
}
.avatar-uploader-dialog .dialog__footer[data-v-2845791b] {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.avatar-uploader .el-upload--text .el-upload-dragger .el-upload__text[data-v-2845791b] {
  margin: 0;
}
.el-upload-dragger img[data-v-2845791b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.transfer-transaction-form .dialog__default[data-v-10d077c3] {
  padding-bottom: 24px;
}
.el-date-editor.el-date-editor--daterange[data-v-10d077c3],
.el-date-editor.el-range-editor[data-v-10d077c3] {
  width: 260px;
}

.calendar-view .dialog__header[data-v-237c15d3] {
  display: flex;
  justify-content: flex-end;
  padding: 24px 32px;
}

.automation-pieces[data-v-eeb6add8] {
  display: flex;
  align-items: center;
  gap: 2px;
}
.automation-pieces__bubble[data-v-eeb6add8] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--colors-common-border-lighter);
  overflow: hidden;
}
.automation-pieces__bubble img[data-v-eeb6add8] {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.automation-template-card[data-v-120da511] {
  height: 276px;
  position: relative;
  border-radius: 10px;
  padding: var(--spacing-3);
  background: var(--colors-common-background-default);
  box-shadow: var(--elevation-1);
  transition: all 0.2s ease-in-out;
}
.automation-template-card[data-v-120da511]:hover {
  transform: translateY(-4px);
}
.automation-template-card__skeleton-half[data-v-120da511] {
  width: 50%;
  margin: 0 0 var(--spacing-5);
}
.automation-template-card__header[data-v-120da511] {
  height: 32px;
  display: flex;
  align-items: center;
  margin: 0 0 var(--spacing-3);
}
.automation-template-card__header-content[data-v-120da511] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.automation-template-card__header-skeleton[data-v-120da511] {
  display: flex;
  gap: var(--spacing-0);
}
.automation-template-card__tag[data-v-120da511] {
  justify-content: center;
  width: 28px;
  height: 20px;
  cursor: default;
}
.automation-template-card__content[data-v-120da511] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.automation-template-card__content-skeleton[data-v-120da511] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.automation-template-card__title[data-v-120da511] {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.automation-template-card__description[data-v-120da511] {
  margin: 0;
  color: var(--colors-common-text-subtle-default);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.automation-template-card__footer[data-v-120da511] {
  position: absolute;
  width: calc(100% - 32px);
  bottom: var(--spacing-3);
}
.automation-template-card__footer[data-v-120da511]:has(.automation-template-card__skeleton-half) {
  width: 50%;
  bottom: 0;
}
.automation-template-card__use-template-button[data-v-120da511] {
  width: 100%;
}

.global:has(.automation-templates-layout) {
  background-color: var(--colors-common-background-default);
}

.automation-templates-layout__header[data-v-0aac2afa] {
  display: flex;
  align-items: center;
}
.automation-templates-layout__container[data-v-0aac2afa] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 24px;
}
@media (min-width: 1440px) {
.automation-templates-layout__container[data-v-0aac2afa] {
    max-width: 1328px;
    margin: 0 auto;
}
}
@media (min-width: 1920px) {
.automation-templates-layout__container[data-v-0aac2afa] {
    max-width: 1376px;
}
}
.automation-templates-layout__sidebar[data-v-0aac2afa] {
  grid-column: 1/4;
}
.automation-templates-layout__main-content[data-v-0aac2afa] {
  grid-column: 4/13;
}
@media (min-width: 1280px) {
.automation-templates-layout__main-content[data-v-0aac2afa] {
    grid-column: 5/12;
}
}
@media (min-width: 1440px) {
.automation-templates-layout__main-content[data-v-0aac2afa] {
    grid-column: 5/11;
}
}

.heading[data-v-c17520ef] {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
}
.heading--h1[data-v-c17520ef] {
  margin: 0 0 var(--spacing-4);
  flex-wrap: wrap;
}
.heading--h2[data-v-c17520ef] {
  margin: 0 0 var(--spacing-3);
}
.heading--h2 .heading__icon[data-v-c17520ef] {
  margin-right: var(--spacing-1);
}
.heading--h3[data-v-c17520ef], .heading--h4[data-v-c17520ef] {
  margin: 0 0 var(--spacing-1);
}
.heading--h3 .heading__icon[data-v-c17520ef], .heading--h4 .heading__icon[data-v-c17520ef] {
  margin-right: var(--spacing-0);
}
.heading--h5[data-v-c17520ef], .heading--h6[data-v-c17520ef] {
  margin: 0 0 var(--spacing-0);
}
.heading__back-button[data-v-c17520ef] {
  margin: 0 var(--spacing-0) 0 0;
}
.heading__icon[data-v-c17520ef] {
  flex-shrink: 0;
}
.heading__title[data-v-c17520ef] {
  margin: 0;
}
.heading__title--ai[data-v-c17520ef] {
  background: var(--colors-sellsy-ai-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.heading__trailing[data-v-c17520ef] {
  align-items: center;
  display: inline-flex;
  margin-left: var(--spacing-1);
}
.heading__title-wrapper[data-v-c17520ef] {
  align-items: center;
  display: flex;
  flex: 1;
}

.automation-template-sellsy__provider-error[data-v-3032d024] {
  height: 560px;
  display: flex;
  justify-content: center;
  background-color: var(--colors-common-background-default);
}
.automation-template-sellsy__banner[data-v-3032d024] {
  margin: 0 0 var(--spacing-4);
}
.automation-template-sellsy__search[data-v-3032d024] {
  width: 100%;
  margin: 0 0 var(--spacing-5);
}
.automation-template-sellsy__tags[data-v-3032d024] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  margin: 0 0 var(--spacing-3);
}
.automation-template-sellsy__tags--title[data-v-3032d024] {
  color: var(--colors-common-text-standard-caption);
  margin: 0 0 var(--spacing-1);
}
.automation-template-sellsy__container[data-v-3032d024] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(206px, 1fr));
  gap: var(--spacing-3);
  margin: 0 0 var(--spacing-6);
}
.automation-template-sellsy__empty-state[data-v-3032d024] {
  margin-top: 56px;
}

.compass-information-banner.automation-template-sellsy__banner {
  background: var(--colors-component-background-information-tag-orange);
}

.layout-heading-tabs__header[data-v-8b9429da] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 var(--spacing-4);
}
.layout-heading-tabs__title[data-v-8b9429da] {
  margin: 0 var(--spacing-4) 0 0;
}
.layout-heading-tabs__container[data-v-8b9429da] {
  display: flex;
  align-items: center;
}
.layout-heading-tabs__actions[data-v-8b9429da] {
  display: flex;
  gap: var(--spacing-2);
}
.layout-heading-tabs__content[data-v-8b9429da] {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.global:has(.automation-landing) {
  background-color: var(--colors-common-background-default);
}

.layout-landing[data-v-d250b546] {
  max-width: 1328px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  gap: var(--spacing-4);
  margin: auto;
  padding: 68px 0 0;
}
.layout-landing__content[data-v-d250b546] {
  grid-column: 2/6;
}
.layout-landing__illustration[data-v-d250b546] {
  grid-column: 7/12;
  margin: auto;
}
@media (max-width: 1279px) {
.layout-landing[data-v-d250b546] {
    width: 426px;
    grid-template-rows: auto auto;
    padding: 0;
}
.layout-landing__illustration[data-v-d250b546] {
    grid-column: 1/-1;
    order: 1;
}
.layout-landing__content[data-v-d250b546] {
    grid-column: 1/-1;
    order: 2;
}
}

.automation-landing-card[data-v-7ec82e4c] {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  padding: var(--spacing-3);
  border: 1px solid var(--colors-common-border-standard-default);
  border-radius: var(--spacing-1);
  cursor: pointer;
  background: var(--colors-common-background-default);
  box-shadow: var(--elevation-1);
  transition: all 0.2s ease-in-out;
  position: relative;
}
.automation-landing-card[data-v-7ec82e4c]:hover {
  transform: translateY(-4px);
}
.automation-landing-card:hover .automation-landing-card__arrow-button[data-v-7ec82e4c] {
  opacity: 1;
  visibility: visible;
}
.automation-landing-card__arrow-button[data-v-7ec82e4c] {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  margin-left: auto;
}
.automation-landing-card__header[data-v-7ec82e4c] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.automation-landing-card__title[data-v-7ec82e4c] {
  margin: 0;
  color: var(--colors-common-text-standard-default);
}
.automation-landing-card__caption[data-v-7ec82e4c] {
  margin: 0;
  color: var(--colors-common-text-standard-caption);
}
.automation-landing__card-header[data-v-7ec82e4c] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}

.automation-landing__content[data-v-ac34701f] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5);
}
.automation-landing__title-section[data-v-ac34701f] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.automation-landing__title[data-v-ac34701f], .automation-landing__subtitle[data-v-ac34701f] {
  margin: 0;
  color: var(--colors-common-text-brand-secondary-blue);
}
.automation-landing__actions[data-v-ac34701f] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.automation-landing__actions-title[data-v-ac34701f] {
  margin: 0;
  color: var(--colors-common-text-standard-default);
}

.compass-menu__dropdown__container.automation-create-automation__menu {
  z-index: 3;
}

.compass-menu__dropdown__container.automation-listing-table-actions__menu {
  z-index: 3;
}

.automation-listing__row[data-v-1f77e3a3] {
  cursor: pointer;
}
.automation-listing__cell--name[data-v-1f77e3a3] {
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.automation-listing__status-container[data-v-1f77e3a3] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.automation-listing__status-loader[data-v-1f77e3a3] {
  flex-shrink: 0;
}

.saas-item--draggable:not(.sortable-disabled) {
  cursor: pointer;
}
.saas-item--draggable:not(.sortable-disabled).sortable-chosen {
  cursor: grabbing;
}
.saas-item--draggable:not(.sortable-disabled).sortable-chosen.sortable-ghost {
  background-color: var(--colors-common-background-primary-subtle);
  border: none;
  cursor: grabbing;
}
.saas-item--draggable:not(.sortable-disabled).sortable-chosen.sortable-ghost > * {
  visibility: hidden;
}
.draggable-list {
  display: flex;
  flex-direction: column;
}
.draggable-list--tbody {
  display: revert;
}
.draggable-list:has(.sortable-chosen) > .saas-item--draggable:not(.sortable-disabled) {
  cursor: grabbing;
}
body:has(.sortable-fallback) {
  user-select: none;
  cursor: grabbing;
}
.sortable-fallback {
  box-shadow: var(--box-shadows-small);
  cursor: grabbing;
  height: fit-content !important;
  list-style-type: none;
}
tr.sortable-fallback {
  display: table;
}

.badge[data-v-648b9671] {
  display: inline-block;
  line-height: 1;
  position: relative;
}
.badge.dot .badge-item[data-v-648b9671] {
  height: 8px;
  width: 8px;
  min-width: 0;
  border-radius: 4px;
  padding: 0;
  margin-right: 3px;
}
.badge.inline[data-v-648b9671] {
  align-items: baseline;
  display: inline-flex;
  justify-content: center;
}
.badge.inline .badge-container[data-v-648b9671],
.badge.inline .badge-wrapper[data-v-648b9671] {
  position: relative;
}
.badge.inline .badge-container[data-v-648b9671] {
  margin: 0 4px;
}
.badge .badge-container[data-v-648b9671] {
  flex: 0 1;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  pointer-events: none;
  position: absolute;
}
.badge .badge-wrapper[data-v-648b9671] {
  display: inline-flex;
  position: absolute;
}
.badge .badge-item[data-v-648b9671] {
  height: 20px;
  min-width: 20px;
  border-radius: 10px;
  display: inline-block;
  pointer-events: auto;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  padding: 4px 6px;
  pointer-events: auto;
  text-align: center;
  text-indent: 0;
  top: auto;
  white-space: nowrap;
  background-color: var(--colors-component-background-information-tag-subtle-brand);
  border-color: var(--colors-component-border-tag-blue);
  color: var(--colors-component-text-tag-subtle-brand);
}
.badge .badge-item--contact[data-v-648b9671] {
  background-color: var(--colors-component-background-information-tag-subtle-teal);
  border-color: var(--colors-component-border-tag-teal);
  color: var(--colors-component-text-tag-subtle-teal);
}
.badge .badge-item--client[data-v-648b9671] {
  background-color: var(--colors-component-background-information-tag-subtle-light-blue);
  border-color: var(--colors-component-border-tag-light-blue);
  color: var(--colors-component-text-tag-subtle-light-blue);
}
.badge .badge-item--prospect[data-v-648b9671] {
  background-color: var(--colors-component-background-information-tag-subtle-purple);
  border-color: var(--colors-component-border-tag-purple);
  color: var(--colors-component-text-tag-subtle-purple);
}
.badge .badge-item--supplier[data-v-648b9671] {
  background-color: var(--colors-component-background-information-tag-subtle-coral);
  border-color: var(--colors-component-border-tag-coral);
  color: var(--colors-component-text-tag-subtle-coral);
}
.badge .badge-item--company[data-v-648b9671] {
  background-color: var(--colors-component-background-information-tag-subtle-brand);
  border-color: var(--colors-component-border-tag-blue);
  color: var(--colors-component-text-tag-subtle-brand);
}
.badge .badge-item--individual[data-v-648b9671] {
  background-color: var(--colors-component-background-information-tag-subtle-orange);
  border-color: var(--colors-component-border-tag-orange);
  color: var(--colors-component-text-tag-subtle-orange);
}
.badge .badge-item--archived[data-v-648b9671] {
  background-color: var(--colors-component-background-information-tag-subtle-gray);
  border-color: var(--colors-component-border-tag-gray);
  color: var(--colors-component-text-tag-subtle-gray);
}
.badge .badge-item--reference[data-v-648b9671] {
  background-color: var(--colors-component-background-information-tag-stroked);
  border-color: var(--colors-common-border-default);
  color: var(--colors-component-text-tag-subtle-gray);
}

.listing-settings-column-item[data-v-e5d31052] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--spacing-0);
  background-color: var(--colors-component-background-actionable-default);
  border: 1px solid transparent;
  justify-content: space-between;
}
.listing-settings-column-item[data-v-e5d31052]  .compass-tooltip:has(.listing-settings-column-item__actions) {
  flex-grow: 1;
}
.listing-settings-column-item--disabled[data-v-e5d31052]:has(.listing-settings-column-item__actions) {
  cursor: not-allowed;
}
.listing-settings-column-item__actions[data-v-e5d31052] {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: flex-end;
  gap: var(--spacing-1);
}
.listing-settings-column-item__actions-order[data-v-e5d31052] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
}
.listing-settings-column-item__badges[data-v-e5d31052] {
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin-left: var(--spacing-1);
  margin-right: auto;
}

.listing-settings__columns[data-v-ea77ebf6] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.listing-settings__columns-title[data-v-ea77ebf6] {
  color: var(--colors-common-text-subtle-default);
  margin: 0;
}
.listing-settings__columns-search[data-v-ea77ebf6] {
  display: flex;
  flex-direction: column;
}
.listing-settings__columns-search-input[data-v-ea77ebf6] {
  margin-bottom: var(--spacing-1);
}
.listing-settings__columns-search-catpion[data-v-ea77ebf6] {
  color: var(--colors-common-text-subtle-default);
  margin: 0;
}
.listing-settings__columns:not(:has(.listing-settings-column-item.sortable-ghost.sortable-chosen)) .listing-settings-column-item[data-v-ea77ebf6]:hover:not(.listing-settings-column-item--disabled):has(.listing-settings-column-item__actions) {
  background-color: var(--colors-component-background-actionable-hover);
}

.listing-settings-header[data-v-fea03bad] {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-3) 0;
  background-color: var(--colors-common-background-default);
}
.listing-settings-header__divider[data-v-fea03bad] {
  width: 1px;
  height: 32px;
  background-color: var(--colors-common-border-lighter);
  margin: 0 var(--spacing-3);
}
.listing-settings-header__filters-container[data-v-fea03bad] {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
}
.listing-settings-header__filters-select[data-v-fea03bad] {
  flex-shrink: 0;
  position: relative;
}
.listing-settings-header__filters-tags[data-v-fea03bad] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}
.listing-settings-header__utils-container[data-v-fea03bad] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-3);
  flex-shrink: 0;
  margin-left: auto;
}
.listing-settings-header__utils-search[data-v-fea03bad] {
  min-width: 240px;
}
.listing-settings-header__utils-total-results[data-v-fea03bad] {
  color: var(--colors-common-text-subtle-default);
}

#compass-menu-container .listing-settings-header__filters-select-dropdown {
  z-index: 3;
}

.table-loading__head[data-v-7976b4d5] {
  display: none;
}
.table-loading[data-v-7976b4d5]  .compass-table__cell-container {
  width: 100%;
}
.table-loading[data-v-7976b4d5]  .compass-table-body__cell .compass-skeleton:has(.compass-skeleton__line) {
  width: 100%;
}
.table-loading[data-v-7976b4d5]  .compass-table-body__row:hover > .compass-table__cell {
  background-color: var(--colors-common-background-default);
}

.table-pagination[data-v-a953e85f] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-6);
  color: var(--colors-common-text-subtle-default);
  padding: var(--spacing-2) var(--spacing-4);
  background-color: var(--colors-common-background-default);
}
.table-pagination__select[data-v-a953e85f] {
  width: 60px;
}
.table-pagination__navigation[data-v-a953e85f] {
  display: flex;
  gap: var(--spacing-3);
}
.table-pagination__limit[data-v-a953e85f] > :first-child {
  margin-right: var(--spacing-1);
}

.table-pagination__select-menu {
  max-width: 120px;
}

.automation-listing[data-v-e5534fcf] {
  height: 100%;
}
.automation-listing__content[data-v-e5534fcf] {
  display: flex;
  flex-direction: column;
  background: var(--colors-common-background-default);
  padding: 0 var(--spacing-3);
  border-radius: var(--spacing-0);
  overflow-y: auto;
}
.automation-listing__table[data-v-e5534fcf] {
  flex: 1;
  overflow: auto;
}
.automation-listing__empty-state[data-v-e5534fcf] {
  height: 560px;
  display: flex;
  justify-content: center;
  background-color: var(--colors-common-background-default);
}
.automation-listing__empty-state__no-result[data-v-e5534fcf] {
  padding: 112px;
}

.automation-listing .layout-heading-tabs__content {
  max-height: calc(100% - 56px);
  height: 100%;
}
.compass-menu__dropdown__container.automation-listing__actions-menu {
  z-index: 3;
}

#contentDiv.has-sidebar-closed:has(.automation-builder) {
  padding: 60px 0 0 62px !important;
}
.contentmargin:has(.automation-builder) {
  height: initial !important;
}

.automation-builder__container iframe {
  height: 100%;
}

.automation-builder[data-v-7432cd1a] {
  height: 100%;
}
.automation-builder__loader[data-v-7432cd1a] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.automation-builder__container[data-v-7432cd1a] {
  position: relative;
  height: 100%;
}
.automation-builder__empty-state[data-v-7432cd1a] {
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.automation-builder__empty-state--container[data-v-7432cd1a] {
  height: 100%;
}
.automation-builder__empty-state--redirection[data-v-7432cd1a] {
  display: flex;
  justify-content: flex-start;
  margin: var(--spacing-3);
}

.vue-grid-item[data-v-99aff433]{transition:all .2s ease;transition-property:left,top,right}.vue-grid-item.no-touch[data-v-99aff433]{touch-action:none}.vue-grid-item.cssTransforms[data-v-99aff433]{transition-property:transform;left:0;right:auto}.vue-grid-item.cssTransforms.render-rtl[data-v-99aff433]{left:auto;right:0}.vue-grid-item.resizing[data-v-99aff433]{opacity:.6;z-index:3}.vue-grid-item.vue-draggable-dragging[data-v-99aff433]{transition:none;z-index:3}.vue-grid-item.vue-grid-placeholder[data-v-99aff433]{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.vue-grid-item>.vue-resizable-handle[data-v-99aff433]{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize}.vue-grid-item>.vue-rtl-resizable-handle[data-v-99aff433]{bottom:0;left:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuMDAwMDAwMDAwMDAwMDAyIiBoZWlnaHQ9IjEwLjAwMDAwMDAwMDAwMDAwMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB5PSItMSIgeD0iLTEiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgaWQ9ImNhbnZhc0dyaWQiPgogICA8cmVjdCBmaWxsPSJ1cmwoI2dyaWRwYXR0ZXJuKSIgc3Ryb2tlLXdpZHRoPSIwIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIi8+CiAgPC9nPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxsaW5lIGNhbnZhcz0iI2ZmZmZmZiIgY2FudmFzLW9wYWNpdHk9IjEiIHN0cm9rZS1saW5lY2FwPSJ1bmRlZmluZWQiIHN0cm9rZS1saW5lam9pbj0idW5kZWZpbmVkIiBpZD0ic3ZnXzEiIHkyPSItNzAuMTc4NDA3IiB4Mj0iMTI0LjQ2NDE3NSIgeTE9Ii0zOC4zOTI3MzciIHgxPSIxNDQuODIxMjg5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIi8+CiAgPGxpbmUgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z181IiB5Mj0iOS4xMDY5NTciIHgyPSIwLjk0NzI0NyIgeTE9Ii0wLjAxODEyOCIgeDE9IjAuOTQ3MjQ3IiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz4KICA8bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z183IiB5Mj0iOSIgeDI9IjEwLjA3MzUyOSIgeTE9IjkiIHgxPSItMC42NTU2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM2NjY2NjYiIGZpbGw9Im5vbmUiLz4KIDwvZz4KPC9zdmc+);background-position:bottom left;padding-left:3px;background-repeat:no-repeat;background-origin:content-box;cursor:sw-resize;right:auto}.vue-grid-item.disable-userselect[data-v-99aff433]{-webkit-user-select:none;user-select:none}.vue-grid-layout[data-v-a10aee95]{position:relative;transition:height .2s ease}

.layout-card__dropdown-icon[data-v-d08104cf] {
  cursor: pointer;
}

.card-loader {
  top: 0;
  left: 0;
  background: white;
  width: 100%;
  height: 100%;
}
.card-loader .preloader {
  background: white;
}
.card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.card ul,
.card p {
  margin: 0;
}
.card:not(.card-report) a {
  color: #111111;
}
.card .card-header {
  display: flex;
  padding: var(--spacing-3);
  align-items: center;
  color: #111111;
  cursor: move;
  border-bottom: 1px solid #ccccd1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.card .card-header__title {
  font-weight: var(--font-weights-lato-1);
}
.card .card-header h2 {
  margin: 0;
  font-size: 17px;
}
.card .card-header.header-corp {
  background: #e9e9ec;
  color: #111111;
}
.card .card-header .card-actions {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: end;
  gap: var(--spacing-1);
}
.card.card-pinned .card-header {
  cursor: default;
}
.card .card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: var(--spacing-3);
  overflow: hidden;
}
.card .card-body h3 {
  margin-top: 0;
}
.card .card-footer {
  text-align: right;
}
.card .card-footer span {
  color: #8c909c;
  font-size: 12px;
}
.card.card-task .card-body {
  flex-direction: row;
}
.resize-handle {
  display: none !important;
}
.vue-grid-item {
  background-color: #ffffff;
  border: 1px solid #ccccd1;
  border-radius: var(--spacing-0);
}
.vue-grid-item.vue-grid-placeholder {
  background: #f6f6f9 !important;
  opacity: 1 !important;
}

#compass-dropdown-container .turnover-setting-form__currency-menu {
  z-index: 1001;
}

.radio-select-link__item[data-v-2a8af1e8] {
  gap: var(--spacing-1);
  justify-content: space-between;
}

#compass-dropdown-container .radio-select-link__menu {
  z-index: 1001;
}

.calendar-settings-checkbox.el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: inherit;
}

.bank-account-balance-setting-form[data-v-0be3f2ec] .el-form-item__content {
  flex-direction: column;
  align-items: flex-start;
}

.card-setting-overlay .dialog__default[data-v-b3716aa1] {
  padding-bottom: 24px;
}

ul .event[data-v-1253ea31] {
  align-items: center;
  padding: var(--spacing-0) var(--spacing-1);
  border-radius: var(--spacing-0);
  cursor: pointer;
}
ul .event[data-v-1253ea31]:hover {
  background-color: #edf0ff !important;
}
ul .event > div[data-v-1253ea31] {
  border-left: #8c909c 2px solid;
}
ul .event > div > div[data-v-1253ea31] {
  display: flex;
}
ul .event > div > div.time[data-v-1253ea31] {
  flex-shrink: 0;
  padding: var(--spacing-0) var(--spacing-1);
  font-size: 12px;
  text-align: center;
}
ul .event > div > div.time .endTime[data-v-1253ea31] {
  color: #8c909c;
}
ul .event > div > div.details[data-v-1253ea31] {
  min-height: 40px;
  display: table;
  padding-left: var(--spacing-1);
  font-size: 12px;
}
ul .event > div > div.details .lab[data-v-1253ea31] {
  padding: var(--spacing-0) 0;
}
ul .event > div > div.details .title[data-v-1253ea31] {
  font-size: 14px;
  font-weight: 600;
}
ul .event > div > div.details > div[data-v-1253ea31] {
  display: table-cell;
  vertical-align: middle;
}

.ticket a[data-v-d1da3746] {
  display: block;
}
.ticket a[data-v-d1da3746]:hover {
  background-color: #edf0ff;
  cursor: pointer;
}

.card-task header a {
  font-weight: 400;
}
.card-task .el-badge sup {
  font-size: 9px;
  top: -0.1em;
  background-color: #8c909c;
}
.card-task .is-active .el-badge sup {
  background-color: #4868fd;
}
.card-task .task-tab .el-tabs__content {
  height: 100%;
}
.card-task .task-list li > div {
  display: flex;
  align-items: center;
  padding: var(--spacing-1);
  border-radius: var(--spacing-0);
}
.card-task .task-list li > div button.toggle-task {
  margin-right: 16px;
  flex-shrink: 0;
}
.card-task .task-list li:hover {
  background-color: #edf0ff;
  cursor: pointer;
}
.card-task .task-list li.task-late {
  background-color: #fde5e8;
}
.card-task .task-list li.task-late:hover {
  background-color: #ff6060;
}

.numbers-diff[data-v-79b2af75] {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
}
.numbers-diff__icon-and-percent[data-v-79b2af75] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
}
.numbers-diff--success[data-v-79b2af75] {
  color: var(--colors-common-text-success-default);
}
.numbers-diff--danger[data-v-79b2af75] {
  color: var(--colors-common-text-alert-default);
}
.numbers-diff--neutral[data-v-79b2af75] {
  color: var(--colors-common-text-standard-caption);
}

.card-turnover {
  text-align: center;
}
.card-turnover .data-block-number {
  margin-bottom: var(--spacing-5);
}
.card-turnover .data-block-number h3 {
  font-size: 24px;
}
.card-turnover .card-body {
  align-items: center;
  justify-content: center;
}

ul[data-v-656a5eec] {
  flex: 1;
  overflow: scroll;
}
ul .activity a[data-v-656a5eec] {
  display: block;
  color: #111111;
  padding: var(--spacing-1);
  border-radius: var(--spacing-0);
}
ul .activity a[data-v-656a5eec]:hover {
  background-color: #edf0ff;
  cursor: pointer;
}
ul .activity a p[data-v-656a5eec] {
  margin: var(--spacing-0) 0;
}
ul .activity a .status[data-v-656a5eec],
ul .activity a .details[data-v-656a5eec] {
  margin: 0;
  color: #8c909c;
}
ul .activity a .details span[data-v-656a5eec] {
  margin-right: var(--spacing-3);
}
ul .activity a .details span[data-v-656a5eec]:last-of-type {
  margin-right: 0;
}

.card-marketing_campaign .el-table__row--striped.no-hover:hover > td {
  background-color: #fafafa !important;
}
.card-marketing_campaign .no-hover:hover > td {
  background-color: transparent !important;
}
.card-marketing_campaign #link:hover span {
  color: #4868fd !important;
}
.card-marketing_campaign .el-table::before {
  background-color: transparent;
}

.avatar[data-v-6bed087a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar img[data-v-6bed087a] {
  max-width: 100%;
  max-height: 100%;
}

.url[data-v-4dd6f900] {
  cursor: pointer;
}
.url[data-v-4dd6f900]:hover {
  color: #4868fd !important;
}
.info[data-v-4dd6f900] {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.card-annotation .content a {
  color: #4868fd;
}
.annotation-container .custom-richtext {
  min-width: fit-content;
}

.annotation-tool-tip {
  transform: translateX(-8.5%);
}
.card-annotation .card-body {
  padding-top: 0 !important;
}
.card-annotation .annotation-tab .el-tabs__nav {
  padding-left: 1px;
}
.card-annotation .annotation-tab .el-tabs__nav-prev,
.card-annotation .annotation-tab .el-tabs__nav-next {
  top: 9px;
}
.card-annotation .annotation-tab .el-tabs__item {
  padding-top: 8px !important;
}
.card-annotation .annotation-tab .el-tabs__content {
  height: 100%;
}
.card-annotation .custom-richtext {
  min-width: fit-content;
}

.between[data-v-c694e051] {
  display: flex;
  justify-content: space-between;
}
.time[data-v-c694e051] {
  min-width: 110px;
  padding-left: 15px;
}
.url[data-v-c694e051] {
  display: block;
  border-radius: var(--spacing-0);
  cursor: pointer;
}
.url[data-v-c694e051]:hover {
  background-color: #edf0ff;
}

.bank-account-balance-card .el-table__row--striped.no-hover td {
  background-color: #f3f3fb !important;
  border-bottom: none !important;
}
.bank-account-balance-card .el-table__row--striped.no-hover td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bank-account-balance-card .el-table__row--striped.no-hover td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bank-account-balance-card .el-table__row--striped.no-hover:hover > td {
  background-color: #f3f3fb !important;
}
.bank-account-balance-card .no-hover td {
  border-bottom: none !important;
}
.bank-account-balance-card .no-hover:hover > td {
  background-color: transparent !important;
}
.bank-account-balance-card .el-table:before {
  height: 0;
}
.bank-account-balance-card .el-table .cell {
  word-break: break-word;
}

.badge-activity-status[data-v-4684b1d0] {
  display: flex;
  padding: 0 var(--spacing-0);
  gap: var(--spacing-0);
  border-radius: var(--spacing-0);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}
.badge-activity-status.is-error[data-v-4684b1d0] {
  background-color: var(--colors-common-background-alert-default);
  color: var(--colors-common-text-contrast-default);
}
.badge-activity-status.is-warning[data-v-4684b1d0] {
  background-color: var(--colors-common-background-warning-subtle);
  color: var(--colors-common-text-subtle-default);
}

.interactive-info--detailed .interactive-info--link[data-v-a7c704ad], .interactive-info--icons .interactive-info--link[data-v-a7c704ad] {
  color: var(--colors-component-text-navigation-default);
}
.interactive-info--detailed .interactive-info--link[data-v-a7c704ad]:hover, .interactive-info--icons .interactive-info--link[data-v-a7c704ad]:hover {
  color: var(--colors-component-text-navigation-hover-alt);
}
.interactive-info__email-button[data-v-a7c704ad] {
  cursor: pointer;
}

#compass-menu-container .menu-phone .interactive-info--link {
  padding: var(--spacing-0);
  color: var(--colors-component-text-navigation-default);
}
#compass-menu-container .menu-phone .interactive-info--link:hover {
  color: var(--colors-component-text-navigation-hover-alt);
}

.object-link[data-v-e4f3c6e0] .compass-link__label {
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.object-link-icon__wrapper[data-v-e4f3c6e0] {
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-default);
  padding: var(--spacing-0);
}
.object-link-icon__wrapper[data-v-e4f3c6e0]:has(.compass-icon--extra-small) {
  padding: 2px;
}
.object-link:hover .object-link-icon__wrapper[data-v-e4f3c6e0] {
  background-color: var(--colors-common-background-primary-hover-alt);
  color: var(--colors-common-text-primary-hover);
}

.activity-listing-related-item-align[data-v-d8e9687c] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.activity-listing-related-item .related-item-icon__wrapper[data-v-d8e9687c] {
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
  padding: var(--spacing-0);
}
.activity-listing-related-item .related-item-icon__wrapper[data-v-d8e9687c]:has(.compass-icon--extra-small) {
  padding: 2px;
}
.activity-listing-related-item:hover .related-item-icon__wrapper[data-v-d8e9687c] {
  background-color: var(--colors-common-background-primary-hover-alt);
}

.activities-status-icon-button[data-v-4aa8e553]  .is-active:not(.is-disabled) > .compass-icon-button__content:hover {
  background-color: var(--colors-common-background-success-subtle);
}
.activities-status-icon-button[data-v-4aa8e553]  .is-active:not(.is-disabled) > .compass-icon-button__content .compass-icon {
  color: var(--colors-common-text-success-hover);
}


.activities-status-icon-button-tooltip-content--is-pending {
    visibility: hidden;
    opacity: 0;
}


#compass-date-picker-container .activities-reschedule-datepicker {
  z-index: 1000;
}

.activities-listing__cell-actions .wrapper-button[data-v-87639f33] {
  display: flex;
}

#compass-menu-container .activity-actions__reschedule-menu,
#compass-menu-container .activity-actions__more-actions-menu {
  z-index: 3;
}

.activities-priority-icon-button[data-v-46b7ac9d]  .is-active.compass-icon-button > .compass-icon-button__content {
  color: var(--colors-common-background-warning-default);
}


.activities-priority-icon-button-tooltip-content--is-pending {
    visibility: hidden;
    opacity: 0;
}


.activities-listing-table__row[data-v-a960b8f9] {
  cursor: pointer;
}
.activities-listing-table__row .date__container[data-v-a960b8f9]  .compass-table__cell-container {
  min-width: 160px;
  display: flex;
  gap: var(--spacing-0);
  justify-content: flex-start;
}
.activities-listing-table__row .date__container--late[data-v-a960b8f9]  .compass-table__cell-container {
  align-items: flex-start;
  flex-direction: column;
}
.activities-listing-table__row .date__label[data-v-a960b8f9] {
  display: flex;
}
.activities-listing-table__row .compass-table__cell--auto-width[data-v-a960b8f9] {
  white-space: nowrap;
  width: 1%;
}
.activities-listing-table__row .description__container[data-v-a960b8f9]  .compass-table__cell-container {
  word-break: break-word;
  white-space: break-spaces;
}
.activities-listing-table__row .description__container[data-v-a960b8f9]  p {
  margin: 0;
}
.activities-listing-table__row .label__container[data-v-a960b8f9] .compass-tag__dot {
  flex-shrink: 0;
}
.activities-listing-table__row .related__container[data-v-a960b8f9] > .compass-table__cell-container {
  flex-wrap: wrap;
  gap: var(--spacing-1);
}
.activities-listing-table__row .related__container--dashboard[data-v-a960b8f9] > .compass-table__cell-container {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.toolbar-slide-enter-active[data-v-e4ec51b8],
.toolbar-slide-leave-active[data-v-e4ec51b8] {
  transition: transform 0.3s ease-in-out;
}
.toolbar-slide-enter-from[data-v-e4ec51b8],
.toolbar-slide-leave-to[data-v-e4ec51b8] {
  transform: translateY(110px);
}
.activities-toolbar-container[data-v-e4ec51b8] {
  position: fixed;
  left: 184px;
  right: 120px;
  bottom: 40px;
  z-index: 2;
}
.activities-toolbar-container.listingBatchToolbar--new[data-v-e4ec51b8] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: auto;
  margin-top: var(--spacing-4);
}
.activities-toolbar[data-v-e4ec51b8] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-radius: var(--spacing-0);
  padding: var(--spacing-3) var(--spacing-4);
  gap: var(--spacing-3);
  color: var(--colors-common-text-standard-on-color);
  background-color: var(--colors-common-border-primary-hover);
}
.btn-cancel-selected-items[data-v-e4ec51b8] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
  padding-right: var(--spacing-4);
  border-right: 1px solid var(--colors-common-border-lighter);
}

.activities-listing-table__container[data-v-903b0155] {
  overflow: auto;
}
.activities-listing-table .reschedule-menu--is-open tr:not(.activities-listing-table__row--is-hovered) td[data-v-903b0155] {
  pointer-events: none;
}
.activities-listing__empty-state[data-v-903b0155] {
  background: var(--colors-common-background-default);
  padding: var(--spacing-5) 0;
}

.dashboard__my-activities-card[data-v-3f85dc05]  .card-body {
  margin-bottom: var(--spacing-3);
  margin-top: var(--spacing-3);
  overflow-y: auto;
  padding-bottom: 0;
  padding-top: 0;
}
.dashboard__my-activities-card[data-v-3f85dc05]  .card-body .activities-listing-table__container {
  max-height: 100%;
}
.dashboard__my-activities-card[data-v-3f85dc05]  .card-body .activities-listing-table__container .compass-table {
  height: 100%;
}

.card-counter[data-v-6bb2ae97] {
  padding: 2px 8px;
  background-color: #f6f6f9;
  width: fit-content;
  display: flex;
  gap: var(--spacing-0);
  align-items: center;
}

.card-counter-tooltip.compass-tooltip__item {
  z-index: 1001;
}

.cards-settings-panel .compass-tabs {
  margin-top: 28px;
}
.cards-settings-panel .container {
  position: relative;
  display: flex;
  gap: var(--spacing-0);
}
.badge-tooltip.compass-tooltip__item {
  z-index: 1001;
  max-width: 176px;
}


.div-block[data-v-d26baaec] {
    gap: 10px;
}
p[data-v-d26baaec] {
    width: 200px;
}


.card.card-report .card-body {
  overflow-x: auto;
  overflow-y: hidden;
}
.card.card-report .card-body .error-card--timeout {
  color: var(--colors-common-text-standard-caption);
}
.card.card-report .card-body .error-card--timeout a:hover {
  color: var(--colors-common-text-primary-hover);
}

.recap-dialog[data-v-f38f9311] {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.recap-dialog__overlay[data-v-f38f9311] {
  background-color: rgba(0, 5, 25, 0.6);
  height: 100%;
  position: relative;
  width: 100%;
}
.recap-dialog__modal[data-v-f38f9311] {
  align-items: center;
  background: var(--colors-common-background-darkest-default);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 528px;
  justify-content: center;
  left: 50%;
  overflow: hidden;
  padding: 0 70px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 378px;
}
.recap-dialog__close[data-v-f38f9311] {
  color: #fff;
  position: absolute;
  right: 14px;
  top: 8px;
}
.recap-dialog__title[data-v-f38f9311] {
  color: #fff;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 71px;
  font-weight: 400;
  margin: 0;
  position: relative;
  z-index: 1;
}
.recap-dialog__image[data-v-f38f9311] {
  bottom: -2px;
  left: 0;
  position: absolute;
}

/* TRANSITIONS */
.recap-dialog-transition-enter[data-v-f38f9311],
.recap-dialog-transition-leave-to[data-v-f38f9311] {
  opacity: 0;
}
.recap-dialog-transition-enter-active[data-v-f38f9311],
.recap-dialog-transition-leave-active[data-v-f38f9311] {
  transition: opacity 100ms linear;
}
.recap-dialog-modal-transition-enter[data-v-f38f9311] {
  transform: translate(-50%, -40%);
}
.recap-dialog-modal-transition-enter-active[data-v-f38f9311] {
  transition: transform 500ms ease-out;
}

.dashboard-root[data-v-65e4c0a2] {
  max-width: 1640px;
  margin: auto;
}
#dashboard-header[data-v-65e4c0a2] {
  display: flex;
}

ul.tabs-list li.tab-item[data-v-7fe61cd4] {
  cursor: pointer;
  color: #8c909c;
  font-weight: 600;
  transition: 0.5s;
}
ul.tabs-list li.tab-item.tab-item--active[data-v-7fe61cd4] {
  transition: 0.5s;
  color: #4868fd;
  background-color: #c8d2fe;
  border-radius: var(--spacing-0);
}
ul.tabs-list li.tab-item[data-v-7fe61cd4]:hover {
  color: #4868fd;
}
ul[data-v-7fe61cd4] {
  margin: 0;
}

.corp-id[data-v-cb7ba5b8] {
  align-items: center;
  background: #e9e9ec;
  border-radius: 4px;
  color: #111111;
  display: inline-flex;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 8px;
}
.corp-id span[data-v-cb7ba5b8] {
  font-weight: 600;
}

.developer-page .header-actions {
  align-items: center;
  display: flex;
  position: absolute;
  right: 0;
  top: 12px;
}
.developer-page .header-actions .el-dropdown,
.developer-page .header-actions .btn {
  margin: 0 0 0 16px;
}

.copy-btn[data-v-3ded676f] {
  display: inline-block;
  transform: translateX(-50%);
  position: relative;
  opacity: 0;
  transition: all 200ms ease-in-out;
}
.copy-element:hover .copy-btn[data-v-3ded676f],
.copy-element-fixed .copy-btn[data-v-3ded676f] {
  transform: translateX(5px);
  opacity: 1;
  cursor: pointer;
}
.copy-element:hover .copy-btn[data-v-3ded676f]:hover::after,
.copy-element-fixed .copy-btn[data-v-3ded676f]:hover::after {
  opacity: 1;
}
.copy-element:hover .copy-btn--copied[data-v-3ded676f],
.copy-element-fixed .copy-btn--copied[data-v-3ded676f] {
  color: var(--colors-common-icon-success);
}

.scope-group[data-v-e211dbcf] {
  display: block;
  flex-wrap: wrap;
  overflow: auto;
  max-height: 400px;
}
#id-form-opt-private[data-v-e211dbcf] {
  padding-left: 0 !important;
}

.api-client-form .dialog__default[data-v-edd98448] {
  padding-bottom: 24px;
}
.api-client-form .dialog__default h3[data-v-edd98448] {
  margin: 0;
}
.api-client-form .dialog__default .container-scopes[data-v-edd98448] {
  width: 100%;
}
.api-client-form__access-type-form .el-form-item__content[data-v-edd98448] {
  align-items: flex-start;
  flex-direction: column;
}
.api-client-form__access-type-form .separator[data-v-edd98448] {
  width: 100%;
}
.api-client-form__radio-container[data-v-edd98448] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.api-client-form__radio-container .el-radio[data-v-edd98448] {
  align-items: flex-start;
  height: auto;
}
.api-client-form .api-client-form__delegate-access[data-v-edd98448] .el-form-item__content {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-3);
}
.api-client-form .api-client-form__delegate-access[data-v-edd98448] .el-form-item__content p {
  margin: 0;
}
pre.token[data-v-edd98448] {
  word-break: break-all;
  white-space: normal;
}
.separator[data-v-edd98448] {
  position: relative;
}
.separator[data-v-edd98448]::before {
  content: " ";
  position: absolute;
  width: 100%;
  border-bottom: solid #ccccd1 1px;
}


#compass-menu-container .api-context-menu {
    width: 200px !important;
    z-index: 4 !important;
}
.el-table-column--contextmenu .compass-menu {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.el-table-column--contextmenu .compass-menu .compass-icon {
    cursor: pointer;
}


.api-scope + .api-scope[data-v-da484936] {
  margin-left: var(--spacing-0);
}

.flex-none[data-v-37ab1504] {
  flex: none;
}

.webhooks-tabs .el-tabs__item {
  line-height: 40px;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.webhooks-tabs .el-tabs__item.is-active {
  background-color: #4868fd;
  color: #ffffff;
}
.webhooks-tabs .el-tabs__nav-scroll {
  overflow: auto !important;
}
.webhooks-tabs .el-tabs__nav-prev,
.webhooks-tabs .el-tabs__nav-next {
  display: none;
}
.webhooks-tabs .el-tabs__nav-wrap {
  padding: 0 !important;
}
.webhooks-tabs.el-tabs .el-tabs__nav-scroll,
.webhooks-tabs.el-tabs .el-tabs__nav-wrap.is-left,
.webhooks-tabs.el-tabs .el-tabs__header.is-left {
  height: auto;
}
.webhook-form .el-form-item__label {
  line-height: 32px;
}
.webhook-form .margin-modal {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 24px;
}

.webhook-http__select-content-type {
  width: 280px;
}
.webhook-http__config__actions {
  display: flex;
  align-items: center;
}
.webhook-http__config__actions__select--label {
  display: flex;
  flex-direction: column;
}


.page-indicator[data-v-1cdf2fa4] {
    height: 22px;
}


#sellsy_app #contentDiv .webhook-modal .el-dialog {
  max-width: 1100px;
  width: 100%;
}
.tooltip-btn-webhooks {
  max-width: 250px;
  white-space: pre-line;
}

.header-actions[data-v-e2bf6e1f] {
  align-items: center;
  display: flex;
  position: absolute;
  right: 0;
  top: 12px;
}
.header-actions .el-dropdown[data-v-e2bf6e1f] {
  margin: 0 0 0 16px;
}
.webhook-status[data-v-e2bf6e1f] {
  align-items: center;
  display: flex;
  height: 100%;
}

.listingsWrapper__header[data-v-f40765f8] {
  align-items: baseline;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 1;
}

.layout-full-page[data-v-f5aaa5d5] {
  padding: var(--spacing-1);
}
.layout-full-page__header[data-v-f5aaa5d5] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  margin-bottom: 48px;
}
.layout-full-page__content[data-v-f5aaa5d5] {
  margin: auto;
  width: 760px;
}

.enable-conformity__title[data-v-ada558dc] {
  margin-bottom: var(--spacing-6);
}
.enable-conformity__explanation[data-v-ada558dc] {
  margin-bottom: var(--spacing-3);
}
.enable-conformity__rules[data-v-ada558dc] {
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
  margin-bottom: var(--spacing-3);
  padding: var(--spacing-3);
}
.enable-conformity__rules--title[data-v-ada558dc] {
  margin-bottom: var(--spacing-1);
}
.enable-conformity__rules-list[data-v-ada558dc] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  margin-bottom: var(--spacing-4);
}
.enable-conformity__rules-list-item[data-v-ada558dc] {
  display: flex;
  gap: var(--spacing-0);
}
.enable-conformity__acknowledge-changes[data-v-ada558dc] {
  margin-bottom: var(--spacing-6);
}
.enable-conformity__actions[data-v-ada558dc] {
  display: flex;
  gap: var(--spacing-3);
  justify-content: flex-end;
}
.enable-conformity__alert[data-v-ada558dc] {
  margin-bottom: var(--spacing-6);
}

.overview-nav[data-v-a2afeadd] {
  align-items: center;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-0);
}


.data-label[data-v-9d63861e] {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.copy-element[data-v-4008b180] {
  display: inline-block;
  width: 100%;
}
.copy-element[data-v-4008b180] a {
  max-width: calc(100% - 28px);
}
.copy-element[data-v-4008b180] a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.data-label[data-v-ef94afe9] {
    display: flex;
    flex-direction: row;
    align-items: center;
}



.data-label[data-v-8183ce0c] {
    display: flex;
    flex-direction: row;
    align-items: center;
}



.data-label[data-v-716a48db] {
    display: flex;
    flex-direction: row;
    align-items: center;
}



.data-label[data-v-b30553b7] {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.label-tag__container[data-v-b5725fc8] {
  padding: 4px 0 0;
}
.label-tag__container .label-tag__label-as-inline[data-v-b5725fc8] {
  border: 1px solid #ccccd1;
  padding: 3px 7px;
  background: initial;
  line-height: 16px;
  font-size: 12px;
}
.tag-save[data-v-b5725fc8] {
  flex: none;
}
.tags-selector__container[data-v-b5725fc8] {
  align-items: start;
}
.tags-selector__container .el-select[data-v-b5725fc8] {
  width: 520px;
}
.tags-selector__container[data-v-b5725fc8] .el-select__tags {
  padding-left: 12px;
}
.tags-selector__container[data-v-b5725fc8] .el-select__tags input[type=text]:not(.el-input__inner, .compass-input__inner) {
  padding-left: 0;
}
.tags-selector__container[data-v-b5725fc8] .el-select__tags .el-tag.el-tag--info {
  background: initial;
  border-color: #ccccd1;
  border-style: solid;
  border-width: 1px;
  color: #111111;
  padding: 3px 11px 3px 7px;
  margin: 4px 4px 4px 0;
}
.tags-selector__container[data-v-b5725fc8] .el-select__tags .el-tag.el-tag--info .el-select__tags-text {
  line-height: 16px;
  font-size: 12px;
}
.tags-selector__container[data-v-b5725fc8] .el-select__tags .el-tag__close:hover {
  background-color: initial;
}
.tags-selector__container[data-v-b5725fc8] .el-select__tags .el-icon-close {
  margin-left: 12px;
  background-color: initial;
  transform: unset;
  right: 0;
  height: 8px;
  width: 8px;
  line-height: initial;
}
.tags-selector__container[data-v-b5725fc8] .el-select__tags .el-icon-close:before {
  color: #565665;
  transform: unset;
  font-weight: 700;
  font-size: 11px;
  position: absolute;
  left: -2px;
  top: -1px;
}

.label-tag--tooltip__container {
  max-width: 480px;
}

.fiscal-statistics-header[data-v-9da4b5df] {
  color: var(--colors-common-text-standard-default);
  display: flex;
  flex-direction: row-reverse;
  gap: var(--spacing-3);
}
.fiscal-statistics-header__set[data-v-9da4b5df] {
  margin: 0;
}
.fiscal-statistics-header__key[data-v-9da4b5df] {
  margin: 0 0 var(--spacing-0);
}
.fiscal-statistics-header__value[data-v-9da4b5df] {
  margin: 0;
}
.fiscal-statistics-header__late-payments .fiscal-statistics-header__value[data-v-9da4b5df] {
  color: var(--colors-common-text-alert-default);
}

.floating-actions[data-v-8b5ec99e] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  justify-content: flex-end;
}
.floating-actions__button[data-v-8b5ec99e] {
  background-color: var(--colors-common-background-default);
  border-radius: var(--spacing-0);
}
.floating-actions--is-floating[data-v-8b5ec99e] {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 1;
}
.floating-actions--is-floating[data-v-8b5ec99e] .compass-icon-button {
  box-shadow: var(--box-shadows-medium);
  flex-shrink: 0;
}

.edit-text[data-v-6406d53a] {
  position: relative;
}
.edit-text__editing[data-v-6406d53a] {
  position: relative;
}
.edit-text:not(.edit-text--editable) .edit-text__action[data-v-6406d53a] {
  margin-top: var(--spacing-1);
}
.edit-text__action--reserved[data-v-6406d53a] {
  visibility: hidden;
}
.edit-text__placeholder[data-v-6406d53a] {
  color: transparent;
}
.edit-text__placeholder[data-v-6406d53a]:hover {
  color: var(--colors-common-text-standard-disabled);
}
.edit-text[data-v-6406d53a]  .compass-input {
  width: 100%;
}
.edit-text[data-v-6406d53a]  .compass-input.typographies-heading-h1 {
  padding-bottom: 1px;
  padding-top: 1px;
}
.edit-text[data-v-6406d53a]  .compass-input input {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  min-width: 7ch;
}
.edit-text--editable[data-v-6406d53a] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--spacing-5);
}
.edit-text--editable .edit-text__value[data-v-6406d53a],
.edit-text--editable .edit-text__placeholder[data-v-6406d53a] {
  position: relative;
}
.edit-text--editable .edit-text__value[data-v-6406d53a]:before,
.edit-text--editable .edit-text__placeholder[data-v-6406d53a]:before {
  content: "";
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 2px;
  bottom: 0;
  display: none;
  left: -4px;
  position: absolute;
  right: -4px;
  top: 0;
}
.edit-text--editable .edit-text__value[data-v-6406d53a]:hover:before,
.edit-text--editable .edit-text__placeholder[data-v-6406d53a]:hover:before {
  display: block;
}

.edit-multiple-users[data-v-43c5fdd1] {
  position: relative;
}
.edit-multiple-users--editable .edit-multiple-users__content[data-v-43c5fdd1] {
  cursor: pointer;
}
.edit-multiple-users--has-staff .edit-multiple-users__content[data-v-43c5fdd1]:before {
  content: "";
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 2px;
  bottom: 0;
  display: none;
  left: -4px;
  position: absolute;
  right: -4px;
  top: 0;
}
.edit-multiple-users--has-staff .edit-multiple-users__content[data-v-43c5fdd1]:hover:before {
  display: block;
}
.edit-multiple-users--is-empty:hover .edit-multiple-users__empty-add[data-v-43c5fdd1] {
  background: var(--colors-common-background-primary-hover);
}
.edit-multiple-users__empty[data-v-43c5fdd1] {
  position: relative;
}
.edit-multiple-users__empty[data-v-43c5fdd1] .compass-avatar {
  opacity: 0.25;
  position: relative;
}
.edit-multiple-users__empty-add[data-v-43c5fdd1] {
  align-items: center;
  background: var(--colors-common-background-primary-default);
  border-radius: 50%;
  bottom: 0;
  color: var(--colors-common-text-standard-on-color);
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 20px;
}
.edit-multiple-users__content[data-v-43c5fdd1] {
  align-items: center;
  cursor: default;
  display: flex;
  gap: var(--spacing-1);
  padding: 0;
  user-select: none;
}
.edit-multiple-users__content[data-v-43c5fdd1] .compass-avatar {
  flex-shrink: 0;
}

.edit-image[data-v-a3a22c82] {
  flex-shrink: 0;
  height: 48px;
  position: relative;
  width: 48px;
}
.edit-image__skeleton[data-v-a3a22c82] {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.edit-image__overlay[data-v-a3a22c82] {
  align-items: center;
  background: var(--colors-common-background-overlay-dark);
  border-radius: 50%;
  bottom: 0;
  cursor: pointer;
  display: none;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.edit-image__remove[data-v-a3a22c82] {
  align-items: center;
  background: var(--colors-common-background-alert-default);
  border-radius: 50%;
  bottom: 0;
  cursor: pointer;
  display: none;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 20px;
  z-index: 1;
}
.edit-image--editable:hover .edit-image__overlay[data-v-a3a22c82],
.edit-image--editable:hover .edit-image__remove[data-v-a3a22c82] {
  display: flex;
}
.edit-image[data-v-a3a22c82] .compass-avatar__photo {
  object-fit: contain;
}

.share-modal__description[data-v-9caeaae4] {
  color: var(--colors-common-text-standard-default);
  margin: 0 0 var(--spacing-4);
}
.share-modal__field[data-v-9caeaae4] {
  margin-bottom: var(--spacing-3);
}
.share-modal__sharing-input[data-v-9caeaae4] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.share-modal__select[data-v-9caeaae4] {
  flex: 1;
  min-width: 0;
}
.share-modal__upsell-badge[data-v-9caeaae4] {
  cursor: pointer;
  flex-shrink: 0;
}
.share-modal__skeleton-input[data-v-9caeaae4] {
  height: var(--spacing-5);
  width: 100%;
}

#compass-dropdown-container .share-modal__select-dropdown {
  z-index: 1001;
}

.third-archive-modal__reloading[data-v-79b339f2] {
  inset: 0;
  position: fixed;
  z-index: 2006;
}
.third-archive-modal__paragraph[data-v-79b339f2] {
  color: var(--colors-common-text-standard-default);
  margin: 0 0 var(--spacing-3);
}
.third-archive-modal__paragraph[data-v-79b339f2]:last-child {
  margin-bottom: 0;
}

.company-directory-item[data-v-8cc18770] {
  border-radius: var(--spacing-1);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  padding: var(--spacing-1);
}
.company-directory-item__icon[data-v-8cc18770] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-subtle-default);
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.company-directory-item__title[data-v-8cc18770] {
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
}
.company-directory-item__siret[data-v-8cc18770], .company-directory-item__address[data-v-8cc18770] {
  color: var(--colors-common-text-standard-caption);
}
.company-directory-item[data-v-8cc18770]:hover {
  background: var(--colors-common-background-hover);
}
.company-directory-item:hover .company-directory-item__icon[data-v-8cc18770], .company-directory-item:hover .company-directory-item__siret[data-v-8cc18770], .company-directory-item:hover .company-directory-item__address[data-v-8cc18770] {
  color: var(--colors-common-text-subtle-hover);
}

.company-directory-search--disabled[data-v-d7607e27] {
  opacity: 0.6;
  pointer-events: none;
}
.company-directory-search__title[data-v-d7607e27] {
  align-items: center;
  color: var(--colors-common-text-standard-on-color);
  display: flex;
  gap: var(--spacing-0);
  margin: 0;
}
.company-directory-search__form[data-v-d7607e27] {
  background: url("../ressources/logged/img/background-company-directory.svg") no-repeat 100% 50%/cover;
  border-radius: var(--spacing-1);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  justify-content: flex-end;
  margin: 0 0 var(--spacing-1);
  padding: var(--spacing-3);
}
.company-directory-search__form .company-directory-search__input[data-v-d7607e27] {
  align-items: center;
  background: var(--colors-common-background-default);
  border-radius: 20px;
  display: flex;
  flex: 1;
  gap: var(--spacing-1);
  min-height: 36px;
  padding: var(--spacing-0) var(--spacing-3) var(--spacing-0) var(--spacing-1);
  transition: all 300ms ease-in-out;
}
.company-directory-search__form .company-directory-search__input[data-v-d7607e27]:hover {
  box-shadow: inset 0 0 0 2px var(--colors-common-border-focus);
}
.company-directory-search__form .company-directory-search__input[data-v-d7607e27] .compass-icon {
  color: var(--colors-common-text-subtle-default);
  flex-shrink: 0;
  transition: all 300ms ease-in-out;
}
.company-directory-search__form .company-directory-search__input input[data-v-d7607e27] {
  background: none;
  border: 0;
  color: var(--colors-common-text-standard-default);
  min-width: 0;
  padding: 0;
  width: 100%;
}
.company-directory-search__form .company-directory-search__input input[data-v-d7607e27]::placeholder {
  color: var(--colors-common-text-standard-caption);
  transition: all 300ms ease-in-out;
}
.company-directory-search__form .company-directory-search__input input[data-v-d7607e27]:focus {
  border: 0;
}
.company-directory-search__department[data-v-d7607e27] {
  flex: 0;
  max-width: 85px;
}
.company-directory-search__form-item[data-v-d7607e27] {
  display: flex;
  gap: var(--spacing-1);
}
.company-directory-search__caption[data-v-d7607e27] {
  color: var(--colors-common-text-subtle-default);
}
.company-directory-search__loading[data-v-d7607e27] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding: var(--spacing-4) 0 0;
}
.company-directory-search__loading-item[data-v-d7607e27] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.company-directory-search__loading-item-label[data-v-d7607e27] {
  width: 174px;
}
.company-directory-search__loading-item-value[data-v-d7607e27] {
  width: 394px;
}
.company-directory-search__results[data-v-d7607e27] {
  padding: var(--spacing-4) 0 0;
}

.third-directory-comparison-table[data-v-6004f7e6] .compass-table__container {
  table-layout: fixed;
}
.third-directory-comparison-table[data-v-6004f7e6] .compass-table__cell {
  white-space: normal;
}
.third-directory-comparison-table[data-v-6004f7e6] .compass-table-body__cell {
  overflow: visible;
}
.third-directory-comparison-table[data-v-6004f7e6] .compass-table__cell-container {
  overflow-wrap: anywhere;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.third-directory-comparison-table[data-v-6004f7e6] .compass-table-head .compass-table__cell-container {
  white-space: nowrap;
}
.third-directory-comparison-table__column--label[data-v-6004f7e6] {
  width: 20%;
}
.third-directory-comparison-table__column--current[data-v-6004f7e6] {
  width: 22%;
}
.third-directory-comparison-table__column--arrow[data-v-6004f7e6] {
  width: 48px;
}
.third-directory-comparison-table__column--arrow[data-v-6004f7e6] .compass-icon {
  flex-shrink: 0;
}
.third-directory-comparison-table__column--sync[data-v-6004f7e6] {
  width: 148px;
}
.third-directory-comparison-table__current[data-v-6004f7e6] {
  color: var(--colors-common-text-subtle-default);
}
.third-directory-comparison-table__empty[data-v-6004f7e6] {
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-caption);
  display: inline-block;
  padding: 0 var(--spacing-0);
}

.third-directory-comparison-modal__warning[data-v-a3415d88], .third-directory-comparison-modal__description[data-v-a3415d88] {
  color: var(--colors-common-text-standard-default);
  margin: 0 0 var(--spacing-3);
}
.third-directory-comparison-modal__separator[data-v-a3415d88] {
  border: 0;
  border-top: 1px solid var(--colors-common-border-lighter);
  margin: var(--spacing-4) 0;
}
.third-directory-comparison-modal__result-label[data-v-a3415d88] {
  color: var(--colors-common-text-standard-default);
}
.third-directory-comparison-modal__result[data-v-a3415d88] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  margin: var(--spacing-1) 0 var(--spacing-3);
}
.third-directory-comparison-modal__result-name[data-v-a3415d88] {
  align-items: center;
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
}
.third-directory-comparison-modal__result-icon[data-v-a3415d88] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-subtle-default);
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.third-directory-comparison-modal__result-details[data-v-a3415d88] {
  color: var(--colors-common-text-standard-caption);
}

.tag-third[data-v-d1f2014f] {
  margin-right: var(--spacing-0);
}
.overview-header[data-v-d1f2014f] {
  background: var(--colors-common-background-default);
  border-bottom: 1px solid var(--colors-common-border-lighter);
  padding: var(--spacing-3) var(--spacing-4);
  transform: translate(-24px, -32px);
  width: calc(100% + 48px);
}
.overview-header__nav[data-v-d1f2014f] {
  justify-content: flex-end;
}
.overview-header__wrapper[data-v-d1f2014f] {
  display: flex;
  gap: var(--spacing-4);
}
.overview-header__backlink[data-v-d1f2014f] {
  display: flex;
  gap: var(--spacing-4);
  justify-content: space-between;
  margin: 0 0 var(--spacing-0);
}
.overview-header__backlink[data-v-d1f2014f]  .compass-link__label {
  font-size: var(--font-size-12);
  line-height: var(--line-heights-16);
}
.overview-header__identity[data-v-d1f2014f] {
  align-items: center;
  display: flex;
  gap: var(--spacing-2);
  min-width: 0;
}
.overview-header__title-block[data-v-d1f2014f] {
  flex: 1;
  min-width: 0;
}
.overview-header__sharing[data-v-d1f2014f] {
  align-items: center;
  display: flex;
  min-height: var(--spacing-5);
  position: relative;
  width: fit-content;
}
.overview-header__sharing--editable[data-v-d1f2014f] {
  cursor: pointer;
}
.overview-header__sharing--editable[data-v-d1f2014f]:before {
  content: "";
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 2px;
  bottom: 0;
  display: none;
  left: -4px;
  position: absolute;
  right: -4px;
  top: 0;
}
.overview-header__sharing--editable[data-v-d1f2014f]:hover:before {
  display: block;
}
.overview-header__title-and-tags[data-v-d1f2014f] {
  flex: 1;
  min-width: 0;
}
.overview-header__title-and-tags[data-v-d1f2014f]  .label-tag > div {
  min-width: 0;
}
.overview-header__title-and-tags[data-v-d1f2014f]  .compass-tooltip,
.overview-header__title-and-tags[data-v-d1f2014f]  .compass-tooltip .label {
  max-width: 100%;
}
.overview-header__title[data-v-d1f2014f] {
  margin: 0 0 var(--spacing-0);
}
.overview-header__title-content[data-v-d1f2014f] {
  margin: 0;
}
.overview-header__third-tags[data-v-d1f2014f] {
  display: flex;
  gap: var(--spacing-0);
  margin: 0 0 var(--spacing-1);
}
.overview-header__stats-and-actions[data-v-d1f2014f] {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--spacing-3);
  justify-content: space-between;
}
.overview-header__stats-and-avatar[data-v-d1f2014f] {
  display: flex;
  gap: var(--spacing-3);
  justify-content: flex-end;
}
.overview-header__stats-and-avatar[data-v-d1f2014f]  .compass-avatar {
  flex-shrink: 0;
}
.overview-header__actions[data-v-d1f2014f] {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: var(--spacing-1);
}
.overview-header__actions-separator[data-v-d1f2014f] {
  border: none;
  border-top: 1px solid var(--colors-common-border-lighter);
  margin: var(--spacing-0) var(--spacing-1);
}
.overview-header-legacy[data-v-d1f2014f] {
  width: calc(100% + 56px);
  margin-top: calc(var(--spacing-4) * -1);
  margin-left: calc(var(--spacing-4) * -1);
  padding: var(--spacing-2) var(--spacing-4);
  background-color: var(--colors-common-background-default);
  border-bottom: 1px solid var(--colors-common-border-lighter);
}
.overview-header-legacy__identity-row[data-v-d1f2014f] {
  display: flex;
  align-items: center;
  margin: auto;
  padding-bottom: var(--spacing-2);
}
.overview-header-legacy__identity[data-v-d1f2014f] {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  width: 100%;
  padding: 5px 10px;
}
.overview-header-legacy__identity-body[data-v-d1f2014f] {
  width: 100%;
}
.overview-header-legacy__identity-body--with-avatar[data-v-d1f2014f] {
  margin-left: var(--spacing-2);
}
.overview-header-legacy__name-title[data-v-d1f2014f] {
  margin-top: 0;
  margin-bottom: var(--spacing-0);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-header-legacy__name-line[data-v-d1f2014f] {
  display: flex;
  align-items: center;
}
.overview-header-legacy__name[data-v-d1f2014f] {
  margin-right: var(--spacing-1);
}
.overview-header-legacy__tags[data-v-d1f2014f] {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
}
.overview-header-legacy__statistics[data-v-d1f2014f] {
  min-width: 300px;
  margin-left: auto;
  text-align: right;
}
.overview-header-legacy__statistics-link[data-v-d1f2014f] {
  color: var(--colors-common-text-standard-default);
}
.overview-header-legacy__data-row[data-v-d1f2014f] {
  display: flex;
  align-items: center;
  margin: auto;
  padding-top: var(--spacing-1);
  border-top: 1px solid var(--colors-common-border-lighter);
}
.overview-header-legacy__data-blocks[data-v-d1f2014f] {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.overview-header-legacy__data-block[data-v-d1f2014f] {
  width: 25%;
  padding-left: 0;
}
.overview-header-legacy__cta[data-v-d1f2014f] {
  justify-content: flex-end;
}

.overview-header__actions-menu .compass-menu__dropdown__content {
  max-height: inherit;
}
#compass-menu-container .overview-header__menu {
  z-index: 100;
}

.algolia-input[data-v-db2e75c4] {
  z-index: 1;
}
.algolia-input[data-v-db2e75c4] .jawg-places-container {
  width: 100%;
}

.licence-product .licence-product-quantity {
  width: 118px;
}
.licence-product .licence-product-quantity.licence-deleted .el-input__inner {
  border: 1px solid #f6c243;
}
.licence-product .licence-product-quantity.is-disabled .el-input-number__decrease,
.licence-product .licence-product-quantity.is-disabled .el-input-number__decrease:hover,
.licence-product .licence-product-quantity.is-disabled .el-input-number__increase,
.licence-product .licence-product-quantity.is-disabled .el-input-number__increase:hover,
.licence-product .licence-product-quantity.is-disabled .el-input__inner {
  background-color: #e9e9ec;
  color: #8c909c;
  cursor: pointer;
}
.licence-product .licence-product-quantity.is-disabled .el-input__inner {
  border-color: #ccccd1;
}
.licence-product .licence-product-quantity .el-input-number__decrease.is-disabled,
.licence-product .licence-product-quantity .el-input-number__increase.is-disabled {
  cursor: pointer;
}
.licence-product .licence-product-amount {
  width: 96px;
}
.licence-product .licence-product-amount .el-input.is-disabled .el-select__caret {
  color: #8c909c;
}
.licence-product .licence-product-amount .el-input.is-disabled .el-input__inner {
  background-color: #e9e9ec;
}
.licence-product .licence-product-title {
  flex-basis: 152px;
}
.licence-product .licence-product-title,
.licence-product .el-tag {
  margin-top: 6px;
}
.licence-product .licence-product-inner {
  max-width: 300px;
  overflow-y: visible;
}
.licence-product .licence-product-row:hover .delete-price {
  opacity: 1;
}
.licence-product .el-input-number__decrease,
.licence-product .el-input-number__increase {
  background: #ffffff;
}
.licence-product .el-input-number__decrease.is-disabled .el-icon-minus,
.licence-product .el-input-number__increase.is-disabled .el-icon-minus {
  pointer-events: none;
}
.licence-product .licence-free-tag {
  font-size: 10px;
}
.licence-product .side-element {
  left: 100%;
}
.licence-product .delete-price {
  opacity: 0;
}
.licence-product-tooltip.el-tooltip__popper {
  padding: 4px 8px;
}
.licence-product-tooltip.el-tooltip__popper span {
  line-height: 16px;
}

.pack-product .pack-product-title[data-v-5c85596e] {
  min-width: 80px;
}
.pack-product .pack-product-amount[data-v-5c85596e] {
  width: 96px;
}
.pack-switch[data-v-5c85596e] {
  margin-left: auto;
}

.date-config[data-v-fc8f1f8a] {
  margin-bottom: 80px;
}

.form-input input[data-v-851f1887]:focus {
  border-color: var(--colors-common-border-focus) !important;
}

.form-input .intl-tel-input .country-list li {
  height: 32px;
}
.form-input .intl-tel-input .country-list li:hover {
  border-radius: 5px;
}

.contact-inputs .intl-tel-input,
.contact-inputs .intl-tel-input input {
  width: 100%;
}
.contact-inputs .el-form-item.is-error .contact-input-tel input {
  border: 1px solid #f06868 !important;
  border-radius: 5px;
}

.cart {
  display: grid;
  margin: -32px -32px auto;
  grid-template-columns: auto 500px;
  min-height: 100%;
  padding: 0;
}
.cart.as-fullwidth {
  grid-template-columns: 100%;
}
.cart.as-fullwidth.has-alert:before {
  top: 28.2rem;
}
.cart.as-fullwidth:before {
  overflow: hidden;
  content: "";
  left: 0;
  background: #f2f2f7;
  position: absolute;
  width: 100%;
  height: 85.5rem;
  top: 24rem;
  z-index: 0;
}
.cart.as-fullwidth .cart-config {
  margin: 0 auto;
  max-width: 1120px;
  padding: 0;
  width: 100%;
}
.cart .el-form-item__label {
  font-weight: 600;
}
.cart .separator {
  height: 1px;
  width: 100%;
  background-color: #ccccd1;
}
.cart .el-input.is-disabled .el-input__wrapper {
  border: 1px solid #ccccd1;
  background-color: #e9e9ec;
}
.cart-config-back {
  margin-left: -115px;
}
.cart-config-back a {
  width: fit-content;
}
.cart-config {
  max-width: 620px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
.cart-config .cart-config-title {
  font-size: 32px;
}
.cart-config .el-date-editor.el-input,
.cart-config .el-date-editor.el-input__inner {
  width: auto;
}
.cart-recap {
  bottom: 0;
  line-height: 20px;
  position: fixed;
  right: 0;
  top: 0;
  width: 500px;
}
.cart-recap > div {
  height: 100%;
  position: relative;
}
@media screen and (max-width: 1200px) {
body[class^=page-sam-v4] .global {
    min-width: 450px;
    overflow-x: scroll;
}
.cart {
    display: block;
}
.cart-recap {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    width: 100%;
}
.cart-recap > div {
    height: auto;
}
.cart-config-back {
    margin-left: 0;
}
}
@media screen and (max-width: 620px) {
.cart-config {
    padding: 0 10px;
}
.cart-recap > div {
    padding: 24px !important;
}
}

header > p + span {
  line-height: 20px;
}
.cart .separator {
  height: 1px;
  width: 100%;
  background-color: #ccccd1;
}
.cart-recap-total {
  margin-top: auto;
  margin-bottom: 0;
}
.cart-recap-total-label {
  flex-basis: 140px;
}
.cart-action--continue.el-button [class*=el-icon-] + span {
  margin-left: 0;
}

.el-checkbox[data-v-bd1b076f] .el-checkbox__input {
  padding-top: 2px;
}


.loader[data-v-3cd42347] {
  border-radius: 50%;
  -webkit-animation: spin-3cd42347 2s linear infinite; /* Safari */
  animation: spin-3cd42347 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin-3cd42347 {
0% { -webkit-transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg);
}
}
@keyframes spin-3cd42347 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}


.sales-cart__products .el-form-item__content {
  display: block !important;
}
.custom-msg .el-form + p {
  transition: margin 0.33s ease;
}
.custom-msg .editor-input .ProseMirror p {
  font-size: 17px;
  line-height: 24px;
}
.custom-msg .el-form-item.el-checkbox > label {
  margin-bottom: 0 !important;
}
.custom-msg .is-error {
  margin-bottom: 0 !important;
}
.custom-msg .is-error .editor-input {
  border-color: #ff6060 !important;
}
.custom-msg .is-error .el-form-item__error {
  position: relative;
  line-height: 16px;
}
.custom-msg .is-error + p {
  margin-top: 8px !important;
}

.subscription-summary[data-v-04af6a98] {
  max-width: 620px;
}
.amount[data-v-04af6a98] {
  align-items: baseline;
  display: flex;
}

.compare-sheet[data-v-2bfb79b6] {
  width: 450px;
}

.page-sam-v4-sale-upsell-cart-form .amount {
  align-items: baseline;
  display: flex;
}
.page-sam-v4-sale-upsell-cart-form .cart-recap-products {
  min-height: 180px;
}
.page-sam-v4-sale-upsell-cart-form .cart-recap-products li {
  margin-bottom: 8px;
}
.page-sam-v4-sale-upsell-cart-form .cart-recap-products li:last-child {
  margin-bottom: 0;
}
.page-sam-v4-sale-upsell-cart-form .mb-to-free-licences {
  margin-bottom: 22px !important;
}
.el-form-item.flex-column-content .el-form-item__content {
  display: flex;
  flex-direction: column;
}
.cart.overlay .cart-config:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #ffffff;
  opacity: 0.9;
  z-index: 2;
}
.cart-recap .compare {
  right: 100%;
  top: 48px;
}
.cart-recap .compare-btn, .cart-recap .compare-sheet {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cart-recap .xslide-fade-enter,
.cart-recap .xslide-fade-leave-to {
  transform: translateX(100%);
  flex: 0;
  opacity: 0;
}
.cart-recap .xslide-fade-enter-active,
.cart-recap .xslide-fade-leave-active {
  transition: all 700ms ease;
}
#sellsy_app:has(.compare-sheet) {
  overflow: hidden;
}

.staffs[data-v-754d5bc8] .el-table td {
  padding: 12px 0;
}
.staffs[data-v-754d5bc8] .el-table td .cell {
  padding-left: 16px;
}
.staffs .staff-name-container[data-v-754d5bc8] {
  min-width: 0;
}
.staffs .staff-name[data-v-754d5bc8] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
}
.staff-form-container[data-v-754d5bc8] {
  align-items: center;
  justify-content: space-between;
}
.staff-form-container[data-v-754d5bc8] .el-input {
  width: 260px;
}
.user-information[data-v-754d5bc8] {
  align-items: center;
  display: flex;
}
.user-information .avatar[data-v-754d5bc8] {
  flex-shrink: 0;
}
.el-tooltip__popper[data-v-754d5bc8] {
  padding-bottom: 6px;
}

.page-sam-v4-sale-upsell-cart-form .cart-recap-products {
  min-height: 180px;
}
.page-sam-v4-sale-upsell-cart-form .mb-to-free-licences {
  margin-bottom: 22px !important;
}
.cart-config-context {
  width: 180px;
}
.el-form-item.flex-column-content .el-form-item__content {
  display: flex;
  flex-direction: column;
}
.cart.overlay .cart-config:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #ffffff;
  opacity: 0.9;
  z-index: 2;
}
.cart-recap .compare {
  right: 100%;
  top: 28px;
}
.cart-recap .compare-btn, .cart-recap .compare-sheet {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cart-recap .xslide-fade-enter,
.cart-recap .xslide-fade-leave-to {
  transform: translateX(100%);
  flex: 0;
  opacity: 0;
}
.legacy-products {
  line-height: 20px;
  max-width: 620px;
}
.module-list {
  list-style-type: disc;
}

.expiration-message[data-v-b43e8e0b] {
  max-width: 620px;
}

.nav[data-v-49a71714] {
  overflow: hidden;
  position: relative;
  width: fit-content;
}
.nav[data-v-49a71714]:before {
  content: "";
  background: var(--colors-common-background-default);
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.nav .selected-underline[data-v-49a71714] {
  bottom: 0;
  height: 2px;
  position: absolute;
  transition: 0.33s all ease-in-out;
  z-index: 1;
}

.terms[data-v-6c16a797] .el-checkbox__input {
  padding-top: 3px;
}

.questions[data-v-efae721f] {
  margin: 0 auto;
  padding: 0 0 100px;
  max-width: 792px;
  width: 100%;
}
.questions .title[data-v-efae721f] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 80px 0 40px;
}
.questions h2[data-v-efae721f] {
  color: #02016f;
  font-family: var(--font-families-stack-sans-text), Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 400;
  margin: 0 0 4px;
}
.questions[data-v-efae721f]  .el-collapse {
  border-bottom: 0;
  border-top: 0;
}
.questions[data-v-efae721f]  .el-collapse-item {
  border-bottom: 1px solid #e9e9ec;
}
.questions[data-v-efae721f]  .el-collapse-item:last-child {
  margin-bottom: 0;
}
.questions[data-v-efae721f]  .el-collapse-item__wrap {
  border-bottom: 0;
}
.questions[data-v-efae721f]  .el-collapse-item__header {
  border-bottom: 0;
  color: #02016f;
  font-family: var(--font-families-stack-sans-text), Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.07;
  padding: 24px 24px 24px 0;
  position: relative;
}
.questions[data-v-efae721f]  .el-collapse-item__header:before, .questions[data-v-efae721f]  .el-collapse-item__header:after {
  content: "";
  background: #4868fd;
  height: 2px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 200ms ease-in-out;
  width: 16px;
}
.questions[data-v-efae721f]  .el-collapse-item__header:after {
  transform: rotate(90deg) translateX(-1px);
  will-change: transform;
}
.questions[data-v-efae721f]  .el-collapse-item__header.is-active:after {
  transform: rotate(0deg) translateY(-1px);
}
.questions[data-v-efae721f]  .el-collapse-item__content {
  color: #565665;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 24px;
}
.questions[data-v-efae721f]  .el-collapse-item__arrow {
  display: none;
}

.plans-card[data-v-bcab8dc9] {
  justify-content: space-between;
  place-items: end;
  padding: 0;
  grid-gap: 26px;
}
.plans-card .plans-card-data[data-v-bcab8dc9] {
  flex: 1;
}
@media only screen and (min-width: 1200px) {
.plans-card .plans-card-data[data-v-bcab8dc9] {
    min-width: 300px;
}
}
.plans-card .plans-card-data .plans-card-data-content[data-v-bcab8dc9] {
  z-index: 1;
  width: 100%;
  border: solid 1px white;
  border-radius: 16px;
}
.plans-card .plans-card-data .plans-card-data-content .plan-card-data-content-actual[data-v-bcab8dc9] {
  width: fit-content;
  align-self: center;
}
.plans-card .plans-card-data .plans-card-data-content .underline-svg[data-v-bcab8dc9] {
  align-self: center;
}
.plans-card .plans-card-data .plans-card-data-content h2[data-v-bcab8dc9] {
  align-items: baseline;
  display: flex;
  font-size: 40px;
  justify-content: center;
}
.plans-card .plans-card-data .plans-card-data-content h1 + .btn[data-v-bcab8dc9] {
  border-color: #f2f2f7;
  width: fit-content;
  align-self: center;
  border-radius: 16px;
}
.plans-card .plans-card-data .plans-card-data-content ul[data-v-bcab8dc9] {
  display: grid;
}
.plans-card .plans-card-data .plans-card-data-content ul > li[data-v-bcab8dc9] {
  justify-content: space-between;
}
.plans-card .plans-card-data .plans-card-data-content ul > li span[data-v-bcab8dc9] {
  text-align: right;
}
.plans-card .plans-card-data .plans-card-data-content ul > li span[data-v-bcab8dc9]:not(.bold) {
  text-align: left;
}
.plans-card .plans-card-data .plans-card-data-content ul > li[data-v-bcab8dc9]:not(:last-child) {
  border-bottom: 1px #ccccd1 solid;
}
.plans-card .plans-card-data .plans-card-data-content .btn-plan[data-v-bcab8dc9] {
  padding: 8px 24px;
  font-size: 17px;
  transition: background-color 0.1s ease;
  line-height: inherit;
  height: auto;
}
.isPlanActual .plans-card-data-content[data-v-bcab8dc9] {
  border: solid 2px #02016f !important;
}


.fs-10[data-v-88a93e25] {
    font-size: 40px;
}
.self-end[data-v-88a93e25] {
    align-self: flex-end;
}


.licence-item[data-v-d1c4f8bb] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.licence-item-link[data-v-d1c4f8bb] {
  flex: 1 1 50%;
  margin-top: auto;
  overflow: visible;
}
.licence-item-link a[data-v-d1c4f8bb] {
  width: fit-content;
}
.licence-item-action[data-v-d1c4f8bb] {
  min-height: 42px;
}
.leading-5[data-v-d1c4f8bb] {
  line-height: 16px;
}
.btn-small[data-v-d1c4f8bb] {
  padding: 2px 12px;
  line-height: 20px !important;
}

.license-row[data-v-18c5bbd8] {
  gap: var(--spacing-3);
}

[class$=renew-payment-confirmed] #sellsy_app {
  background-color: #f2f2f7 !important;
}
[class$=renew-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-title {
  font-size: 32px;
  line-height: 39px;
  font-weight: 400;
  margin-top: 56px;
  margin-bottom: 0;
}
[class$=renew-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-subtitle {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  color: #8c909c;
  margin: var(--spacing-3) 0 0;
}
[class$=renew-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-cta {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-4);
}
[class$=renew-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-cta > * {
  line-height: 22px;
}
[class$=renew-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-help {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

.cart-licences-list li[data-v-b4271951] {
  margin-bottom: 8px;
}
.cart-licences-list li[data-v-b4271951]:last-child {
  margin-bottom: 0;
}
.terms[data-v-b4271951] .el-checkbox__input {
  padding-top: 3px;
}

.plans-card[data-v-2f941eda] {
  justify-content: space-between;
  place-items: end;
  padding: 0;
  grid-gap: 26px;
  font-family: var(--font-families-stack-sans-text), Arial, Helvetica, sans-serif;
}
.plans-card .plans-card-data[data-v-2f941eda] {
  flex: 1;
}
@media only screen and (min-width: 1200px) {
.plans-card .plans-card-data[data-v-2f941eda] {
    min-width: 300px;
}
}
.plans-card .plans-card-data .plans-card-data-content[data-v-2f941eda] {
  z-index: 1;
  width: 100%;
  border: solid 1px white;
  border-radius: 16px;
}
.plans-card .plans-card-data .plans-card-data-content .plan-card-data-content-actual[data-v-2f941eda] {
  width: fit-content;
  align-self: center;
}
.plans-card .plans-card-data .plans-card-data-content .underline-svg[data-v-2f941eda] {
  align-self: center;
}
.plans-card .plans-card-data .plans-card-data-content h2[data-v-2f941eda] {
  align-items: baseline;
  display: flex;
  font-size: 40px;
  justify-content: center;
}
.plans-card .plans-card-data .plans-card-data-content h1 + .btn[data-v-2f941eda] {
  border-color: #f2f2f7;
  width: fit-content;
  align-self: center;
  border-radius: 16px;
}
.plans-card .plans-card-data .plans-card-data-content ul[data-v-2f941eda] {
  display: grid;
}
.plans-card .plans-card-data .plans-card-data-content ul > li[data-v-2f941eda] {
  justify-content: space-between;
}
.plans-card .plans-card-data .plans-card-data-content ul > li span[data-v-2f941eda] {
  text-align: right;
}
.plans-card .plans-card-data .plans-card-data-content ul > li span[data-v-2f941eda]:not(.bold) {
  text-align: left;
}
.plans-card .plans-card-data .plans-card-data-content ul > li[data-v-2f941eda]:not(:last-child) {
  border-bottom: 1px #ccccd1 solid;
}
.plans-card .plans-card-data .plans-card-data-content .btn-plan[data-v-2f941eda] {
  padding: 8px 24px;
  font-size: 17px;
  transition: background-color 0.1s ease;
  line-height: inherit;
  height: auto;
}
.isPlanActual .plans-card-data-content[data-v-2f941eda] {
  border: solid 2px #02016f !important;
}

.page-sam-v4-selfservice-cart-checkout-paid #sellsy_app,
.page-sam-subscription-payment-confirmed #sellsy_app {
  background-color: #f2f2f7 !important;
}
.page-sam-v4-selfservice-cart-checkout-paid #sellsy_app .payment-confirmed .payment-confirmed-title,
.page-sam-subscription-payment-confirmed #sellsy_app .payment-confirmed .payment-confirmed-title {
  font-size: 32px;
  line-height: 39px;
  font-weight: 400;
  margin-top: 56px;
  margin-bottom: var(--spacing-3);
  text-align: center;
}
.page-sam-v4-selfservice-cart-checkout-paid #sellsy_app .payment-confirmed .payment-confirmed-subtitle,
.page-sam-subscription-payment-confirmed #sellsy_app .payment-confirmed .payment-confirmed-subtitle {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
  color: #8c909c;
  text-align: center;
}
.page-sam-v4-selfservice-cart-checkout-paid #sellsy_app .payment-confirmed .payment-confirmed-cta,
.page-sam-subscription-payment-confirmed #sellsy_app .payment-confirmed .payment-confirmed-cta {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-4);
}
.page-sam-v4-selfservice-cart-checkout-paid #sellsy_app .payment-confirmed .payment-confirmed-cta > *,
.page-sam-subscription-payment-confirmed #sellsy_app .payment-confirmed .payment-confirmed-cta > * {
  line-height: 22px;
}
.page-sam-v4-selfservice-cart-checkout-paid #sellsy_app .payment-confirmed .payment-confirmed-help,
.page-sam-subscription-payment-confirmed #sellsy_app .payment-confirmed .payment-confirmed-help {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
  text-align: center;
}

.amount[data-v-779870b2] {
  align-items: baseline;
  display: flex;
}
.cart-licences-list li[data-v-779870b2] {
  margin-bottom: 8px;
}
.cart-licences-list li[data-v-779870b2]:last-child {
  margin-bottom: 0;
}
.cart-recap-total-label--cta[data-v-779870b2] {
  flex-basis: fit-content;
}
.terms[data-v-779870b2] .el-checkbox__input {
  padding-top: 3px;
}

.plans-card[data-v-a666e053] {
  justify-content: space-between;
  place-items: end;
  padding: 0;
  grid-gap: 26px;
}
.plans-card .plans-card-data[data-v-a666e053] {
  flex: 1;
}
@media only screen and (min-width: 1200px) {
.plans-card .plans-card-data[data-v-a666e053] {
    min-width: 300px;
}
}
.plans-card .plans-card-data .plans-card-data-content[data-v-a666e053] {
  z-index: 1;
  width: 100%;
  border: solid 1px white;
  border-radius: 16px;
}
.plans-card .plans-card-data .plans-card-data-content .plan-card-data-content-actual[data-v-a666e053] {
  width: fit-content;
  align-self: center;
}
.plans-card .plans-card-data .plans-card-data-content .underline-svg[data-v-a666e053] {
  align-self: center;
}
.plans-card .plans-card-data .plans-card-data-content h2[data-v-a666e053] {
  align-items: baseline;
  display: flex;
  font-size: 40px;
  justify-content: center;
}
.plans-card .plans-card-data .plans-card-data-content h1 + .btn[data-v-a666e053] {
  border-color: #f2f2f7;
  width: fit-content;
  align-self: center;
  border-radius: 16px;
}
.plans-card .plans-card-data .plans-card-data-content ul[data-v-a666e053] {
  display: grid;
}
.plans-card .plans-card-data .plans-card-data-content ul > li[data-v-a666e053] {
  justify-content: space-between;
}
.plans-card .plans-card-data .plans-card-data-content ul > li span[data-v-a666e053] {
  text-align: right;
}
.plans-card .plans-card-data .plans-card-data-content ul > li span[data-v-a666e053]:not(.bold) {
  text-align: left;
}
.plans-card .plans-card-data .plans-card-data-content ul > li[data-v-a666e053]:not(:last-child) {
  border-bottom: 1px #ccccd1 solid;
}
.plans-card .plans-card-data .plans-card-data-content .btn-plan[data-v-a666e053] {
  padding: 8px 24px;
  font-size: 17px;
  transition: background-color 0.1s ease;
  line-height: inherit;
  height: auto;
}
.isPlanActual .plans-card-data-content[data-v-a666e053] {
  border: solid 2px #02016f !important;
}

[class$=upsell-payment-confirmed] #sellsy_app {
  background-color: #f2f2f7 !important;
}
[class$=upsell-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-title {
  font-size: 32px;
  line-height: 39px;
  font-weight: 400;
  margin-top: 56px;
  margin-bottom: var(--spacing-3);
}
[class$=upsell-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-subtitle {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
  color: #8c909c;
}
[class$=upsell-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-cta {
  margin-top: var(--spacing-6);
  margin-bottom: var(--spacing-4);
}
[class$=upsell-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-cta > * {
  line-height: 22px;
}
[class$=upsell-payment-confirmed] #sellsy_app .payment-confirmed .payment-confirmed-help {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

.contact-inputs .intl-tel-input,
.contact-inputs .intl-tel-input input {
  width: 100%;
}
.contact-inputs .el-form-item.is-error .contact-input-tel input {
  border: 1px solid #f06868 !important;
  border-radius: 5px;
}
.contact-inputs .contact-cancel:hover {
  border-color: #111111;
}

.card-inputs[data-v-f83fc1f4] .el-form-item.is-error .card-input {
  border: 1px solid #ff6060 !important;
}
.card-input[data-v-f83fc1f4] {
  width: 100%;
}
.el-checkbox .el-checkbox__input[data-v-f83fc1f4] {
  vertical-align: top;
  padding-top: 4px;
}
.disabled[data-v-f83fc1f4] .el-form-item__content {
  cursor: not-allowed !important;
}
.disabled .card-input[data-v-f83fc1f4],
.disabled[data-v-f83fc1f4] .el-input__inner {
  color: #8c909c !important;
  background-color: #f6f6f9 !important;
  border-color: #e9e9ec !important;
  pointer-events: none !important;
}
.card-name[data-v-f83fc1f4] .el-input .el-input__inner {
  height: 32px !important;
}
.info-disclaimer[data-v-f83fc1f4] {
  line-height: 16px;
}
@media screen and (min-width: 620px) {
.card-inputs[data-v-f83fc1f4] {
    display: flex;
    flex-direction: row;
}
.card-inputs[data-v-f83fc1f4] .el-form-item:first-child {
    width: 60%;
}
.card-inputs[data-v-f83fc1f4] .el-form-item:nth-child(2), .card-inputs[data-v-f83fc1f4] .el-form-item:last-child {
    width: 20%;
    margin-left: 24px;
}
}

.el-form-item.is-error .card-contact {
  border-color: #f06868 !important;
}
.alert.alert-payment {
  padding: 6px 16px;
}
.cart-thirdpayer--checkbox .el-checkbox__input {
  margin-top: 3px;
  padding-top: 0;
}
.cart-thirdpayer--checkbox .el-checkbox__label {
  line-height: 20px;
  padding-left: 8px;
}
.cart-thirdpayer--checkbox .el-checkbox__label p {
  line-height: 16px;
  white-space: normal;
}
.dialog-cart-contact .el-dialog__close.el-icon-close {
  color: #111111;
}

.upsell-marketing-item {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
  justify-content: space-between;
}
.upsell-marketing-item p {
  margin: 0;
}
.upsell-marketing-item__text {
  display: flex;
  flex-direction: column;
}
.upsell-marketing-item__text-label {
  align-items: center;
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
  white-space: nowrap;
}
.upsell-marketing-item__text-description {
  color: var(--colors-common-text-standard-caption);
  max-width: 260px;
}
.upsell-marketing-item__price {
  color: var(--colors-common-text-standard-default);
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
  width: 88px;
}
.upsell-marketing-item__choice {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
}
.upsell-marketing-item__choice .compass-select {
  width: 140px;
}
.upsell-marketing-item--disabled .upsell-marketing-item__text-label {
  color: var(--colors-common-text-standard-disabled);
}
.upsell-marketing-item--disabled .upsell-marketing-item__text-description {
  color: var(--colors-common-text-standard-disabled);
}
.upsell-marketing-item--disabled .upsell-marketing-item__price {
  color: var(--colors-common-text-standard-disabled);
}
.tooltipUpsellMarketingItem {
  max-width: 272px;
}

.upsell-marketing-item[data-v-b3d782aa] {
  align-items: center;
  display: grid;
  gap: var(--spacing-1) var(--spacing-3);
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
}
.upsell-marketing-item--disabled[data-v-b3d782aa] {
  grid-template-columns: repeat(4, auto);
}
.upsell-marketing-item--disabled .pack-marketing-email-supp__counter[data-v-b3d782aa] {
  grid-column: 3;
}
.upsell-marketing-item:not(.upsell-marketing-item--disabled) .pack-marketing-email-supp__counter[data-v-b3d782aa] {
  grid-column: 2;
}
.upsell-marketing-item .pack-marketing-email-supp__counter[data-v-b3d782aa] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border-radius: 4px;
  display: flex;
  padding: var(--spacing-1) var(--spacing-3);
}
.upsell-marketing-item .pack-marketing-email-supp__counter p[data-v-b3d782aa] {
  display: flex;
  flex-direction: column;
}
.upsell-marketing-item .pack-marketing-email-supp__counter-include[data-v-b3d782aa] {
  border-right: 1px solid var(--colors-common-border-lighter);
  color: var(--colors-common-text-standard-caption);
  margin-right: var(--spacing-1);
  padding-right: var(--spacing-1);
}
.upsell-marketing-item .pack-marketing-email-supp__counter-title[data-v-b3d782aa] {
  color: var(--colors-common-text-standard-caption);
}

.marketing-domain-item[data-v-208046e3] {
  background: var(--colors-common-background-primary-subtle);
  border: 1px solid var(--colors-common-border-primary-disabled);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  padding: var(--spacing-3);
}
.marketing-domain-item p[data-v-208046e3] {
  margin: 0;
}
.marketing-domain-item__input[data-v-208046e3] {
  align-items: flex-end;
  display: flex;
  gap: var(--spacing-1);
}
.marketing-domain-item__input .inputDomainName[data-v-208046e3] {
  flex-grow: 1;
}
.marketing-domain-item__input .compass-select[data-v-208046e3] {
  width: 120px;
}
.marketing-domain-item__availability[data-v-208046e3] {
  align-items: center;
  display: flex;
}
.marketing-domain-item__availability-icon[data-v-208046e3] {
  margin-right: var(--spacing-0);
}
.marketing-domain-item__availability-icon--success[data-v-208046e3] {
  color: var(--colors-common-background-success-default);
}
.marketing-domain-item__availability-label[data-v-208046e3] {
  margin-right: var(--spacing-3);
}
.marketing-domain-item .validated-title[data-v-208046e3] {
  align-items: center;
  border-bottom: 1px solid var(--colors-common-border-lighter);
  display: flex;
  gap: var(--spacing-1);
  justify-content: space-between;
  margin-bottom: var(--spacing-1);
  padding-bottom: var(--spacing-1);
}
.marketing-domain-item .validated-title .compass-button[data-v-208046e3] {
  flex-shrink: 0;
}
.marketing-domain-item .email-redirect[data-v-208046e3] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.marketing-domain-item .email-redirect-input > .compass-input[data-v-208046e3] {
  width: 240px;
}
.marketing-domain-item .email-redirect-description[data-v-208046e3] {
  color: var(--colors-common-text-subtle-default);
}
.marketing-domain-item .email-redirect-description p[data-v-208046e3] {
  margin-bottom: var(--spacing-0);
}
.marketing-domain-item .email-redirect-description ul[data-v-208046e3] {
  margin: 0;
  padding: revert;
  list-style-type: initial;
}
.marketing-domain-item.validated[data-v-208046e3] {
  background: var(--colors-common-background-subtle);
  border: 1px solid var(--colors-common-border-default);
  padding: var(--spacing-1) var(--spacing-3) var(--spacing-3);
}

.upsell-marketing-domains-container[data-v-81af9505] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  margin-top: var(--spacing-3);
}
.upsell-marketing-domains-container__uneditable-domain[data-v-81af9505] {
  padding: 14px var(--spacing-3);
  border-radius: 4px;
  border: 1px solid var(--colors-common-border-default);
  background: var(--colors-common-background-subtle);
}
.upsell-marketing-domains__add-domain[data-v-81af9505] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.upsell-marketing-domains__add-domain p[data-v-81af9505] {
  margin: 0;
}

.marketing-options[data-v-92153f53] {
  display: flex;
  flex-direction: column;
}
.marketing-options .title[data-v-92153f53] {
  margin-bottom: var(--spacing-1);
}
.marketing-options p[data-v-92153f53] {
  margin: 0;
}
.marketing-options .option[data-v-92153f53] {
  align-content: start;
  border-bottom: 1px solid var(--colors-common-border-lighter);
  display: flex;
  gap: var(--spacing-3);
  padding: var(--spacing-3) 0 var(--spacing-4);
}
.marketing-options .option .price[data-v-92153f53] {
  min-width: 100px;
  text-align: right;
  white-space: nowrap;
}
.marketing-options .option__content[data-v-92153f53] {
  flex-grow: 1;
}
.marketing-options .option__description[data-v-92153f53] {
  color: var(--colors-common-text-standard-caption);
  margin-bottom: var(--spacing-1);
}
.marketing-options .option .compass-switch[data-v-92153f53] {
  flex-shrink: 0;
}
.marketing-options .option-select-marketing-plan[data-v-92153f53] {
  width: 100%;
}
.marketing-options .upsell-marketing-items[data-v-92153f53] {
  display: flex;
  flex-direction: column;
}
.marketing-options .upsell-marketing-items > div[data-v-92153f53]:not(:last-child) {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  padding: var(--spacing-3) 0;
}
.marketing-options .upsell-marketing-items > div[data-v-92153f53]:last-child {
  padding-top: var(--spacing-3);
}

.upsell-config-plan__item-tooltip {
  width: 210px;
}

.upsell-config[data-v-5b3519a5] {
  display: grid;
}
.upsell-config-options[data-v-5b3519a5], .upsell-config-plan[data-v-5b3519a5], .upsell-config-licenses[data-v-5b3519a5] {
  margin-bottom: var(--spacing-5);
  padding-bottom: var(--spacing-5);
  border-bottom: 1px solid var(--colors-common-border-default);
}
.upsell-config__heading[data-v-5b3519a5] {
  margin: 0 0 var(--spacing-1);
}
.upsell-config-plan[data-v-5b3519a5] {
  display: flex;
  flex-direction: column;
}
.upsell-config-plan .upsell-config__heading[data-v-5b3519a5] {
  margin-bottom: 0;
}
.upsell-config-plan__container[data-v-5b3519a5] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  margin: var(--spacing-3) 0;
}
.upsell-config-plan__item[data-v-5b3519a5] {
  position: relative;
  display: flex;
  width: 100%;
  padding: var(--spacing-3);
  background: var(--colors-component-background-bloc-standard-default);
  border: solid 1px var(--colors-component-background-bloc-standard-default);
  border-radius: 4px;
}
.upsell-config-plan__item[data-v-5b3519a5] .compass-tooltip {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.upsell-config-plan__item[data-v-5b3519a5]:not(.upsell-config-plan__item--is-disabled):hover, .upsell-config-plan__item--is-selected[data-v-5b3519a5] {
  cursor: pointer;
  background: var(--colors-component-background-bloc-standard-hover);
}
.upsell-config-plan__item--is-selected[data-v-5b3519a5] {
  border-color: var(--colors-component-background-actionable-active-default);
}
.upsell-config-plan__item--is-disabled[data-v-5b3519a5] {
  cursor: not-allowed;
  opacity: 0.5;
}
.upsell-config-plan__item-label[data-v-5b3519a5] {
  margin: var(--spacing-1) 0;
}
.upsell-config-plan__item[data-v-5b3519a5] .compass-radio {
  position: absolute;
  right: var(--spacing-3);
  top: var(--spacing-3);
}
.upsell-config-plan__item[data-v-5b3519a5] .compass-radio input {
  background: var(--colors-component-background-actionable-default);
}
.upsell-config-licenses__container[data-v-5b3519a5], .upsell-config-options__container[data-v-5b3519a5] {
  margin: 0;
}
.upsell-config-licenses__container li[data-v-5b3519a5]:not(:last-child), .upsell-config-options__container li[data-v-5b3519a5]:not(:last-child) {
  border-bottom: solid 1px var(--colors-common-border-lighter);
}
.upsell-config-licenses__item[data-v-5b3519a5], .upsell-config-options__item[data-v-5b3519a5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-3) 0;
}
.upsell-config-licenses__item-price[data-v-5b3519a5], .upsell-config-options__item-price[data-v-5b3519a5] {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  white-space: nowrap;
}
.upsell-config-licenses__item-price[data-v-5b3519a5] .compass-number-input__input, .upsell-config-options__item-price[data-v-5b3519a5] .compass-number-input__input {
  width: 54px;
}
.upsell-config-licenses__item-price-infos[data-v-5b3519a5] {
  width: 88px;
  text-align: right;
}
.upsell-config-options__item-infos[data-v-5b3519a5] {
  display: flex;
  gap: var(--spacing-3);
}
.upsell-config-options__item-infos-description[data-v-5b3519a5] {
  width: 260px;
  margin: 0 0 var(--spacing-1);
  color: var(--colors-common-text-standard-caption);
}
.upsell-config-options__item.upsell-config-options__item--has-select[data-v-5b3519a5] {
  justify-content: initial;
  gap: var(--spacing-3);
}
.upsell-config-options__item.upsell-config-options__item--has-select .upsell-config-options__item-price[data-v-5b3519a5] {
  white-space: nowrap;
  gap: unset;
}
.upsell-config-options__item.upsell-config-options__item--has-select .upsell-config-options__item-infos[data-v-5b3519a5] {
  width: 100%;
}
.upsell-config-options__item.upsell-config-options__item--has-select .upsell-config-options__item-infos-content[data-v-5b3519a5] {
  width: 100%;
}
.upsell-config-options__item.upsell-config-options__item--has-select .upsell-config-options__item-infos-content[data-v-5b3519a5] .compass-select {
  width: 100%;
}

.chargebee-upsell-config-pv3[data-v-6290c0f9] {
  display: flex;
  flex-direction: column;
}
.chargebee-upsell-config-pv3__subtitle[data-v-6290c0f9] {
  margin: 0 0 var(--spacing-3);
}
.chargebee-upsell-config-pv3__staff-container[data-v-6290c0f9] {
  padding-bottom: var(--spacing-5);
  margin-bottom: var(--spacing-5);
  border-bottom: 1px solid var(--colors-common-border-default);
}
.chargebee-upsell-config-pv3__item[data-v-6290c0f9] {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-3);
}
.chargebee-upsell-config-pv3__item[data-v-6290c0f9]:not(:last-of-type) {
  border-bottom: 1px solid var(--colors-common-border-lighter);
}
.chargebee-upsell-config-pv3__item[data-v-6290c0f9]:has(.chargebee-upsell-config-pv3__item--left-text-description) {
  padding: var(--spacing-3) 0;
  align-items: flex-start;
}
.chargebee-upsell-config-pv3__item--left[data-v-6290c0f9] {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-3);
}
.chargebee-upsell-config-pv3__item--left-text[data-v-6290c0f9] {
  max-width: 393px;
  display: flex;
  flex-direction: column;
}
.chargebee-upsell-config-pv3__item--left-text-description[data-v-6290c0f9] {
  color: var(--colors-common-text-standard-caption);
  margin: 0 0 var(--spacing-1);
}
.chargebee-upsell-config-pv3__item--right[data-v-6290c0f9] {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
}

.upsell-tag[data-v-29cc08fc] {
  margin-left: var(--spacing-0);
  height: 16px;
  border-radius: 4px;
  border: solid 1px var(--colors-common-border-default);
  padding: 0 var(--spacing-0);
  background-color: var(--colors-component-background-information-tag-stroked);
  white-space: nowrap;
}
.upsell-tag span[data-v-29cc08fc] {
  color: var(--colors-common-text-standard-default);
}
.upsell-tag--is-added span[data-v-29cc08fc], .upsell-tag--is-removed span[data-v-29cc08fc] {
  color: var(--colors-common-text-standard-on-color);
}
.upsell-tag--is-added[data-v-29cc08fc] {
  border-color: var(--colors-common-background-success-darker);
  background-color: var(--colors-common-background-success-darker);
}
.upsell-tag--is-removed[data-v-29cc08fc] {
  border-color: var(--colors-common-background-alert-darker);
  background-color: var(--colors-common-background-alert-darker);
}

.upsell-summary-items[data-v-cf852ea4] {
  display: flex;
  flex-direction: column;
}
.upsell-summary-items-heading[data-v-cf852ea4] {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.upsell-summary-items-listing[data-v-cf852ea4] {
  margin: 0;
}
.upsell-summary-items-listing__item[data-v-cf852ea4] {
  display: flex;
  justify-content: space-between;
}
.upsell-summary-items-listing__item-price[data-v-cf852ea4] {
  white-space: nowrap;
}
.upsell-summary-items-listing__item-label[data-v-cf852ea4] {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-0);
}
.upsell-summary-items-listing__item-price[data-v-cf852ea4] {
  white-space: nowrap;
}

.upsell-summary-items[data-v-cfaf228c] {
  display: flex;
  flex-direction: column;
}
.upsell-summary-items-heading[data-v-cfaf228c] {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.upsell-summary-items-listing[data-v-cfaf228c] {
  margin: 0;
}
.upsell-summary-items-listing__item[data-v-cfaf228c] {
  display: flex;
  justify-content: space-between;
}
.upsell-summary-items-listing__item-price[data-v-cfaf228c] {
  white-space: nowrap;
}
.upsell-summary-items-listing__item-label[data-v-cfaf228c] {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-0);
}
.upsell-summary-items-listing__item-price[data-v-cfaf228c] {
  white-space: nowrap;
}

.upsell-payment-summary[data-v-d9af18da] {
  display: flex;
  flex-direction: column;
}
.upsell-payment-summary-heading[data-v-d9af18da] {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.upsell-payment-summary-listing[data-v-d9af18da] {
  margin: 0 0 var(--spacing-2) 0;
}
.upsell-payment-summary-listing__item[data-v-d9af18da] {
  display: flex;
  justify-content: space-between;
}
.upsell-payment-summary-listing__item-label[data-v-d9af18da] {
  display: flex;
  align-items: center;
}
.upsell-payment-summary-subscription[data-v-d9af18da] {
  padding-bottom: var(--spacing-2);
  border-bottom: 1px solid var(--colors-common-border-default);
}
.upsell-payment-summary-incoming[data-v-d9af18da] {
  margin-top: var(--spacing-2);
}
.upsell-payment-summary-invoicing[data-v-d9af18da] {
  margin-bottom: var(--spacing-2);
  padding-top: var(--spacing-2);
  border-top: 1px solid var(--colors-common-border-default);
}
.upsell-payment-summary-incoming .upsell-payment-summary-listing__item-label[data-v-d9af18da], .upsell-payment-summary-invoicing .upsell-payment-summary-listing__item-label[data-v-d9af18da] {
  color: var(--colors-common-text-subtle-default);
}

.settings-summary-items-v3__subtitle[data-v-cb2c605d] {
  margin-bottom: var(--spacing-1);
}
.settings-summary-items-v3-heading[data-v-cb2c605d] {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.settings-summary-items-v3-listing[data-v-cb2c605d] {
  margin: 0;
}
.settings-summary-items-v3-listing__item[data-v-cb2c605d] {
  display: flex;
  justify-content: space-between;
}
.settings-summary-items-v3-listing__item-price[data-v-cb2c605d] {
  white-space: nowrap;
}
.settings-summary-items-v3-listing__item-label[data-v-cb2c605d] {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-0);
}
.settings-summary-items-v3-listing__item-price[data-v-cb2c605d] {
  white-space: nowrap;
}
.settings-summary-items-v3-listing[data-v-cb2c605d]:last-of-type {
  padding-bottom: var(--spacing-4);
  border-bottom: solid 1px var(--colors-common-border-default);
}

.upsell-settings-summary[data-v-6eb1c2f0] {
  display: flex;
  flex-direction: column;
}
.upsell-settings-summary-heading[data-v-6eb1c2f0] {
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--spacing-1) 0;
}
.upsell-settings-summary-licenses[data-v-6eb1c2f0] {
  margin-bottom: var(--spacing-3);
}
.upsell-settings-summary-options[data-v-6eb1c2f0] {
  padding-bottom: var(--spacing-4);
  border-bottom: solid 1px var(--colors-common-border-default);
}
.upsell-settings-summary-incoming[data-v-6eb1c2f0] {
  margin: var(--spacing-3) 0;
  border-bottom: solid 1px var(--colors-common-border-lighter);
}
.upsell-settings-summary-incoming .upsell-settings-summary-listing__item-label[data-v-6eb1c2f0] {
  color: var(--colors-common-text-subtle-default);
}
.upsell-settings-summary-incoming .upsell-settings-summary-heading[data-v-6eb1c2f0], .upsell-settings-summary-current .upsell-settings-summary-heading[data-v-6eb1c2f0] {
  margin-bottom: 0;
}
.upsell-settings-summary-current[data-v-6eb1c2f0] {
  color: var(--colors-common-text-standard-disabled);
}
.upsell-settings-summary-listing[data-v-6eb1c2f0] {
  margin: 0 0 var(--spacing-3) 0;
}
.upsell-settings-summary-listing__item[data-v-6eb1c2f0] {
  display: flex;
  justify-content: space-between;
}
.upsell-settings-summary-listing__item-label[data-v-6eb1c2f0] {
  display: flex;
  align-items: center;
}

.upsell-cart[data-v-2edb03ce] {
  display: grid;
  grid-template-columns: 1fr 472px;
  grid-template-areas: "header payment" "settings payment";
}
.upsell-cart-header[data-v-2edb03ce] {
  display: flex;
  grid-area: header;
  flex-direction: column;
  align-items: start;
  gap: var(--spacing-0);
}
.upsell-cart-header svg[data-v-2edb03ce] {
  color: var(--colors-component-background-illustration-brand-secondary-blue);
}
.upsell-cart-settings[data-v-2edb03ce] {
  display: flex;
  grid-area: settings;
  flex-direction: column;
  place-self: center;
  width: 560px;
  padding: var(--spacing-6) 0;
}
.upsell-cart-settings__heading[data-v-2edb03ce] {
  margin: 0 0 var(--spacing-4);
}
.upsell-cart-settings--is-large[data-v-2edb03ce] {
  width: 616px;
}
.upsell-cart-payment-summary[data-v-2edb03ce] {
  position: fixed;
  display: flex;
  grid-area: payment;
  flex-direction: column;
  top: 0;
  right: 0;
  height: 100%;
  width: 504px;
  padding: var(--spacing-6);
  background: var(--colors-common-background-subtle);
}
.upsell-cart-payment-summary__heading[data-v-2edb03ce] {
  margin: 0 0 var(--spacing-4);
}
.upsell-cart-payment-summary-method[data-v-2edb03ce] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-3);
  margin-bottom: var(--spacing-4);
  background: var(--colors-common-background-default);
  border-radius: 4px;
}
.upsell-cart-payment-summary-method .card[data-v-2edb03ce] {
  align-items: center;
  flex-direction: row;
  gap: var(--spacing-0);
}
.upsell-cart-payment-summary-method .card--is-invalid[data-v-2edb03ce] {
  opacity: 0.5;
}
.upsell-cart-payment-summary-method > div[data-v-2edb03ce] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}
.upsell-cart-payment-summary-cancel__button[data-v-2edb03ce] {
  margin-top: var(--spacing-3);
}
.upsell-cart-payment-summary[data-v-2edb03ce] .compass-tooltip {
  width: 100%;
}
.upsell-cart-payment-summary[data-v-2edb03ce] .compass-tooltip .compass-button {
  width: 100%;
}

.consent-dialog .compass-modal__modal__content p[data-v-c9d2d9ae] {
  margin: 0;
}
.consent-dialog .compass-modal__modal__footer .dialog__footer[data-v-c9d2d9ae] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
  justify-content: flex-end;
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}
.consent-dialog .select-collaborator[data-v-c9d2d9ae],
.consent-dialog .radiogroup-consent[data-v-c9d2d9ae] {
  margin: 0 0 var(--spacing-3);
}

.consent-dialog .compass-form-item__caption {
  text-align: end !important;
}
#compass-dropdown-container .staff-selector {
  z-index: 1001;
}

.connection .title[data-v-2c067546] {
  margin: 0 0 var(--spacing-1);
}
.connection__select[data-v-2c067546] {
  width: 100%;
  margin-bottom: var(--spacing-1);
}
.connection__empty[data-v-2c067546] {
  width: 100%;
  height: 48px;
  padding: var(--spacing-2);
  background-color: var(--colors-common-background-subtle);
  border: 1px solid var(--colors-common-border-default);
  border-radius: 4px;
}
.connection__empty > p[data-v-2c067546] {
  margin: 0;
}
.connection__actions[data-v-2c067546] {
  display: flex;
  gap: var(--spacing-3);
}
.connection .divider[data-v-2c067546] {
  display: flex;
  margin: var(--spacing-3) 0;
  border-bottom: 1px solid var(--colors-common-border-default);
}

#compass-dropdown-container .connection__dropdown {
  z-index: 1000;
}

.import-old-note__wrapper[data-v-48c85726] .compass-alert__text-container {
  white-space: pre-line;
}
.import-old-note__wrapper .import-old-note__footer[data-v-48c85726] {
  justify-content: end;
}
.import-old-note__wrapper[data-v-48c85726]  .alert {
  padding: 16px 18px;
}
.import-old-note__wrapper[data-v-48c85726]  .alert .el-alert__content {
  padding: 0;
}
.import-old-note__wrapper[data-v-48c85726]  .alert .el-alert__content .el-alert__description {
  margin: 0;
  display: flex;
}
.import-old-note__wrapper[data-v-48c85726]  .alert .el-alert__content .el-alert__description .compass-icon {
  min-width: 20px;
  display: inline;
  margin-right: 10px;
}

.compass-panel[data-v-392e6848] {
  background-color: var(--colors-common-background-default);
}
.compass-panel .overview-panel-container__content[data-v-392e6848] {
  position: relative;
}
.compass-panel .overview-panel-container__content--load[data-v-392e6848]:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: var(--colors-common-background-default);
  opacity: 0.9;
}
.compass-panel .overview-panel-container--loader[data-v-392e6848] {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
}
.compass-panel[data-v-392e6848] .compass-panel__footer {
  display: flex;
  justify-content: end;
  padding: var(--spacing-5);
  border-top: 1px solid var(--colors-common-border-default);
}
.compass-panel[data-v-392e6848] .compass-panel__footer .compass-button {
  margin-left: var(--spacing-3);
}

.drawer-accordion[data-v-01a2b885] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
}
.drawer-accordion__head[data-v-01a2b885] {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-2);
  padding: var(--spacing-2);
  position: relative;
  transition: all 200ms ease-in-out;
  z-index: 1;
}
.drawer-accordion__head[data-v-01a2b885]:hover {
  background: var(--colors-common-background-hover);
}
.drawer-accordion__drag-handle[data-v-01a2b885] {
  align-items: center;
  color: var(--colors-common-icon-subtle-default);
  cursor: grab;
  display: flex;
  flex-shrink: 0;
  height: var(--spacing-3);
  justify-content: center;
  width: var(--spacing-3);
}
.drawer-accordion--open .drawer-accordion__caret[data-v-01a2b885] {
  transform: rotate(90deg);
}
.drawer-accordion--open .drawer-accordion__title[data-v-01a2b885] {
  color: var(--colors-common-text-standard-active);
}
.drawer-accordion--ai .drawer-accordion__title[data-v-01a2b885] {
  background: var(--colors-sellsy-ai-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.drawer-accordion--error .drawer-accordion__title[data-v-01a2b885] {
  background: none;
  color: var(--colors-common-text-alert-default);
}
.drawer-accordion__error-icon[data-v-01a2b885] {
  color: var(--colors-common-icon-alert);
}
.drawer-accordion__caret[data-v-01a2b885] {
  flex-shrink: 0;
  transition: all 200ms ease-in-out;
}
.drawer-accordion__caret-wrapper[data-v-01a2b885] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: var(--spacing-3);
  justify-content: center;
  width: var(--spacing-3);
}
.drawer-accordion[data-v-01a2b885] .compass-colored-icon {
  flex-shrink: 0;
}
.drawer-accordion__heading[data-v-01a2b885] {
  align-items: center;
  display: flex;
  flex: 1;
  gap: var(--spacing-1);
}
.drawer-accordion__heading[data-v-01a2b885] > * + * {
  flex-shrink: 0;
}
.drawer-accordion__heading[data-v-01a2b885] + * {
  flex-shrink: 0;
}
.drawer-accordion__title[data-v-01a2b885] {
  margin: 0;
  word-break: break-all;
}
.drawer-accordion__content[data-v-01a2b885] {
  max-height: 0;
  overflow: hidden;
  transition: all 200ms ease-in-out;
}
.drawer-accordion__content-wrapper[data-v-01a2b885] {
  padding: var(--spacing-1) var(--spacing-2) var(--spacing-3) var(--spacing-2);
}
.sortable-fallback .drawer-accordion__drag-handle[data-v-01a2b885] {
  cursor: grabbing;
}

.overview-block-fields[data-v-c9b5a12c] {
  display: flex;
  flex-direction: column;
}
.overview-block-fields__intro[data-v-c9b5a12c] {
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 var(--spacing-3);
}
.overview-block-fields__search[data-v-c9b5a12c] {
  margin-bottom: var(--spacing-1);
  width: 100%;
}
.overview-block-fields__search-caption[data-v-c9b5a12c] {
  color: var(--colors-common-text-subtle-default);
  margin: 0;
}
.overview-block-fields:not(:has(.overview-block-fields__row.sortable-ghost.sortable-chosen)) .overview-block-fields__row[data-v-c9b5a12c]:hover {
  background-color: var(--colors-component-background-actionable-hover);
}

.overview-contact-block__empty[data-v-c4da61f2] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-1);
}
.overview-contact-block__empty-description[data-v-c4da61f2] {
  margin: var(--spacing-1) 0;
}
.overview-contact-block__content-header[data-v-c4da61f2] {
  margin: 0 0 var(--spacing-1);
}
.overview-contact-block__footer[data-v-c4da61f2] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  margin-top: var(--spacing-2);
}
.overview-contact-block__content[data-v-c4da61f2] .compass-object,
.overview-contact-block__content[data-v-c4da61f2] .compass-object__text {
  min-width: 0;
}
.overview-contact-block__content[data-v-c4da61f2] .compass-object__caption,
.overview-contact-block__content[data-v-c4da61f2] .compass-object__label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.overview-contact-block__content[data-v-c4da61f2] .compass-object__label {
  white-space: nowrap;
}
.overview-contact-block__content[data-v-c4da61f2] .shareUrlBtn {
  font-weight: var(--font-weights-lato-1);
}
.overview-contact-block__content[data-v-c4da61f2] .compass-icon-button {
  flex-shrink: 0;
}
.overview-contact-block__content[data-v-c4da61f2] .compass-object--small .compass-object__label {
  line-height: var(--line-heights-20);
}
.overview-contact-block__content[data-v-c4da61f2] .compass-object--small .compass-object__caption {
  line-height: var(--line-heights-16);
}
.overview-contact-block__content[data-v-c4da61f2] .compass-description-list__item {
  min-width: 0;
}
.overview-contact-block__content[data-v-c4da61f2] .compass-description-list__item__content {
  min-height: var(--line-heights-20);
}
.overview-contact-block__content[data-v-c4da61f2] .copy-element {
  display: block;
  max-width: 100%;
}
.overview-contact-block__content[data-v-c4da61f2] .compass-link {
  max-width: calc(100% - 24px);
}
.overview-contact-block__content[data-v-c4da61f2] .compass-link__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.overview-contact-block__all-contacts[data-v-c4da61f2] .compass-plain-button {
  color: var(--colors-common-text-subtle-default);
}
.overview-contact-block__all-contacts[data-v-c4da61f2] .compass-plain-button:hover {
  color: var(--colors-common-text-subtle-hover);
}

.overview-company-block__company[data-v-35beed65] {
  margin: 0 0 var(--spacing-2);
}
.overview-company-block__customize[data-v-35beed65] {
  margin-top: var(--spacing-2);
}
.overview-company-block__address[data-v-35beed65] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.overview-company-block[data-v-35beed65] .shareUrlBtn {
  font-weight: var(--font-weights-lato-1);
}
.overview-company-block[data-v-35beed65] .compass-icon-button {
  flex-shrink: 0;
}
.overview-company-block[data-v-35beed65] .compass-description-list__item {
  min-width: 0;
}
.overview-company-block[data-v-35beed65] .compass-description-list__item__content {
  min-height: var(--line-heights-20);
}
.overview-company-block[data-v-35beed65] .copy-element {
  display: block;
  max-width: 100%;
}
.overview-company-block[data-v-35beed65] .compass-link {
  max-width: calc(100% - 24px);
}
.overview-company-block[data-v-35beed65] .compass-link__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.sidemenu-overview-note[data-v-1f486fee]  .drawer-accordion__content-wrapper {
  padding-left: var(--spacing-1);
  padding-right: var(--spacing-1);
  padding-top: var(--spacing-0);
}
.sidemenu-overview-note[data-v-1f486fee]  .notes-richtext {
  border-radius: var(--spacing-0);
  border: 1px solid transparent;
  padding: 3px;
}
.sidemenu-overview-note[data-v-1f486fee]  .notes-richtext.is-focus {
  border-color: var(--colors-common-border-focus);
}
.sidemenu-overview-note__content p[data-v-1f486fee]:not(:last-child) {
  margin: 0 0 var(--spacing-3);
}
.sidemenu-overview-note__buttons[data-v-1f486fee] {
  display: flex;
  gap: var(--spacing-1);
  justify-content: flex-end;
  margin-top: var(--spacing-1);
  padding: 0 var(--spacing-0);
}

.overview-ai-summary-feedback[data-v-4783c755] {
  display: flex;
  flex-shrink: 0;
  gap: var(--spacing-0);
  justify-content: flex-end;
}
.overview-ai-summary-feedback__popover[data-v-4783c755] {
  width: 360px;
}
.overview-ai-summary-feedback__reasons[data-v-4783c755] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
}
.overview-ai-summary-feedback__label[data-v-4783c755] {
  color: var(--colors-common-text-standard-caption);
  margin: var(--spacing-3) 0 var(--spacing-1);
}
.overview-ai-summary-feedback__actions[data-v-4783c755] {
  display: flex;
  gap: var(--spacing-1);
  justify-content: flex-end;
  margin-top: var(--spacing-3);
}

.overview-ai-summary__synthesis[data-v-34bc9892] {
  margin: 0;
}
.overview-ai-summary__loading[data-v-34bc9892] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.overview-ai-summary__section[data-v-34bc9892] {
  color: var(--colors-common-text-standard-caption);
  margin: var(--spacing-3) 0 var(--spacing-0);
}
.overview-ai-summary__list[data-v-34bc9892] {
  list-style: disc;
  margin: 0;
  padding-left: var(--spacing-3);
}
.overview-ai-summary__list li[data-v-34bc9892] {
  margin-bottom: var(--spacing-0);
}
.overview-ai-summary__list--icons[data-v-34bc9892] {
  list-style: none;
  padding-left: 0;
}
.overview-ai-summary__list--icons li[data-v-34bc9892] {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing-1);
}
.overview-ai-summary__icon[data-v-34bc9892] {
  flex-shrink: 0;
}
.overview-ai-summary__icon--need[data-v-34bc9892] {
  color: var(--colors-common-icon-success);
}
.overview-ai-summary__icon--objection[data-v-34bc9892] {
  color: var(--colors-common-icon-alert);
}
.overview-ai-summary__footer[data-v-34bc9892] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  justify-content: space-between;
  margin: var(--spacing-3) 0 0;
}
.overview-ai-summary__updated[data-v-34bc9892] {
  color: var(--colors-common-text-standard-caption);
  margin: 0;
}

.drawer[data-v-c2b982a0] {
  background: var(--colors-common-background-default);
  border-left: 2px solid var(--colors-common-border-lighter);
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 200ms ease-in-out;
  width: var(--drawer-open-width);
  will-change: transform;
  z-index: 1;
}
.drawer__wrapper[data-v-c2b982a0] {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  transition: opacity 0ms ease-in-out;
}
.drawer--is-closed[data-v-c2b982a0] {
  transform: translateX(calc(var(--drawer-open-width) - var(--drawer-closed-width)));
}
.drawer--is-closed .drawer__wrapper[data-v-c2b982a0] {
  opacity: 0;
  transition: opacity 0ms ease-in-out 200ms;
}
.drawer__toggle[data-v-c2b982a0] {
  align-items: center;
  background: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: var(--spacing-4);
  justify-content: center;
  padding: 0;
  transition: all 100ms ease-in-out;
  width: var(--spacing-4);
}
.drawer__toggle[data-v-c2b982a0]:hover {
  background: var(--colors-common-background-hover);
}
.drawer__toggle-wrapper[data-v-c2b982a0] {
  left: 0;
  position: absolute;
  top: 12px;
  transform: translateX(-50%);
  z-index: 10;
}
.drawer__toggle .compass-icon[data-v-c2b982a0] {
  height: var(--spacing-2);
  transform: rotate(0);
  transition: all 200ms ease-in-out;
  width: var(--spacing-2);
}
.drawer__toggle--is-open .compass-icon[data-v-c2b982a0] {
  transform: rotate(180deg);
}
.drawer__title[data-v-c2b982a0] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  color: var(--colors-common-text-subtle-default, #4b4e58);
  flex-shrink: 0;
  margin: 0;
  padding: var(--spacing-2) var(--spacing-3);
}
.drawer__title h3[data-v-c2b982a0] {
  margin: 0;
}
.drawer__title[data-v-c2b982a0] .compass-alert {
  margin-top: var(--spacing-2);
  min-width: 0;
}
.drawer__content[data-v-c2b982a0] {
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
}

:root {
  --drawer-open-width: 314px;
  --drawer-closed-width: 18px;
}
.tooltip__shortcut {
  align-items: center;
  background: var(--colors-common-background-darker-hover, #565665);
  border-radius: var(--xx-small, 4px);
  display: inline-flex;
  gap: var(--spacing-0);
  padding: var(--spacing-0);
}

.overview-root[data-v-3461420f] {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.overview__body {
  flex: 1;
  margin: -32px -24px -32px 0;
  min-height: 0;
  overflow-x: hidden;
  padding-right: var(--drawer-closed-width);
  position: relative;
  transition: all 200ms ease-in-out;
}
.overview__body--has-sidebar {
  padding-right: var(--drawer-open-width);
}
.overview__wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow-y: auto;
  padding: 0 var(--spacing-4) 0 0;
}
.overview__navbar {
  flex-shrink: 0;
  margin: var(--spacing-4) var(--spacing-4) 0 0;
  width: 216px;
}
.overview__navbar:after {
  content: "";
  display: block;
  height: var(--spacing-5);
}
.overview__container {
  flex: 1;
  min-width: 0;
}
.overview__container:after {
  content: "";
  display: block;
  height: var(--spacing-5);
}
.overview__sidebar .overview-contact-block + .overview-company-block {
  margin: var(--spacing-3) 0 0;
}
.overview__sidebar .overview__sidebar-block.saas-item--draggable {
  cursor: default;
}
.page-thirds-overview #sellsy_app:has(.overview__container) {
  overflow: hidden;
}
.overview-navbar {
  margin-right: var(--spacing-4);
  width: 320px;
}
.sidemenu-overview .el-sub-menu .el-menu-item,
.sidemenu-overview .el-menu-item,
.sidemenu-overview .el-submenu__title {
  line-height: normal;
  height: auto;
}
.sidemenu-overview .el-sub-menu__title {
  padding-left: 0 !important;
  padding-right: 8px;
}
.sidemenu-overview .el-sub-menu__title .el-sub-menu__icon-arrow {
  right: 8px;
  font-weight: bold;
  font-size: 14px;
  color: #8c909c;
}
.sidemenu-overview .el-sub-menu .el-menu-item {
  padding: 0 !important;
}
.sidemenu-overview .el-sub-menu .el-menu-item a {
  padding-left: 20px;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .sidemenu-overview-note__content {
  margin: 0;
  overflow: auto;
  height: 208px;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .sidemenu-overview-note__content p {
  display: list-item;
  margin: 0;
  line-height: 20px;
  font-weight: 400;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item.is-active {
  position: relative;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item div.el-collapse-item__header {
  padding: 0;
  border: unset;
  display: flex;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item div.el-collapse-item__header span {
  font-weight: 700;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item div.el-collapse-item__header,
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item div.el-collapse-item__header .el-collapse-item__arrow {
  height: 20px;
  line-height: 20px;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .el-collapse-item__wrap,
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .el-collapse-item__wrap .editor-input,
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .el-collapse-item__wrap .editor-input .el-button,
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .el-collapse-item__wrap .editor-input .ProseMirror,
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .el-collapse-item__wrap .menu-bar-editor {
  border: unset;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .el-collapse-item__wrap .editor-input .ProseMirror {
  height: 180px;
  overflow: auto;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 8px;
  margin-top: 8px;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item .el-collapse-item__wrap .editor-input .ProseMirror p::before {
  line-height: 20px;
  font-weight: 400;
  font-style: normal;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item ::-webkit-scrollbar {
  width: 5px;
}
.sidemenu-overview.sidemenu-overview-note__container .el-collapse-item ::-webkit-scrollbar-thumb {
  background: #e9e9ec;
  border-radius: 10px;
}
.sidemenu-overview-note__buttons {
  justify-content: end;
  display: flex;
}
.notes-richtext .ProseMirror {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  max-height: 180px;
  padding: 0;
  overflow: auto;
  color: var(--colors-common-text-standard-default);
  font-family: var(--font-families-lato);
  font-size: var(--font-size-14);
  font-style: normal;
  font-weight: var(--font-weights-lato-2);
  line-height: var(--line-heights-20);
}
.notes-richtext .ProseMirror ul,
.notes-richtext .ProseMirror ol {
  padding: 0 2rem;
}
.notes-richtext .ProseMirror p,
.notes-richtext .ProseMirror h1,
.notes-richtext .ProseMirror h2,
.notes-richtext .ProseMirror h3,
.notes-richtext .ProseMirror h4,
.notes-richtext .ProseMirror h5,
.notes-richtext .ProseMirror h6 {
  width: 100%;
  margin: 0;
}
.notes-richtext .ProseMirror:focus-visible {
  outline: none;
}
.notes-richtext-menu .menu {
  display: flex;
  gap: var(--spacing-0);
}

.time-input > .compass-input[data-v-c63c3f79] {
  width: 100%;
}

.custom-popover-timetracking {
  min-width: 220px;
  width: auto;
}
.custom-popover-timetracking .timetracking-form-item-time {
  margin: 0 0 var(--spacing-1);
}
.custom-popover-timetracking .timetracking-form-item-service {
  margin: 0 0 var(--spacing-0);
}
.custom-popover-timetracking .time-input .w-240 {
  width: 100% !important;
}
.timetracking-select-service {
  z-index: 1001 !important;
}
.timetracking-shortcut {
  color: var(--colors-common-text-contrast-caption) !important;
}

.annotation-form[data-v-7b846da2] {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing-1);
  position: relative;
}
.annotation-form__ai-hint[data-v-7b846da2] {
  color: var(--colors-common-text-subtle-default);
  padding: var(--spacing-0) 0 0;
  position: absolute;
  right: 0;
  top: 100%;
}
.annotation-form[data-v-7b846da2] .el-form {
  flex: 1;
  margin: 0;
}
.annotation-form[data-v-7b846da2] .compass-object {
  flex-shrink: 0;
}
.annotation-form[data-v-7b846da2] .compass-skeleton__square {
  height: 32px;
  width: 32px;
}
.annotation-form[data-v-7b846da2] .compass-skeleton:has(.compass-skeleton__square) {
  flex-shrink: 0;
}
.annotation-form[data-v-7b846da2] .compass-skeleton__block {
  height: 101px;
}
.annotation-form[data-v-7b846da2] .compass-skeleton:has(.compass-skeleton__block) {
  flex: 1;
}
.annotation-richtext[data-v-7b846da2] {
  position: relative;
}

.activity-button[data-v-5b56d474] {
  align-items: center;
  background: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-default);
  cursor: pointer;
  display: inline-flex;
  gap: var(--spacing-1);
  padding: 5px 7px 5px 5px;
  transition: all 100ms cubic-bezier(0, 0, 0.3, 1);
}
.activity-button[data-v-5b56d474]:hover {
  border-color: var(--colors-common-border-default-hover);
}
.activity-button[data-v-5b56d474] .compass-icon {
  height: 20px;
  width: 20px;
}
.activity-button button[data-v-5b56d474] {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.activity-split-button[data-v-5388a755] {
  align-items: center;
  display: inline-flex;
}
.activity-split-button[data-v-5388a755] .activity-button {
  border-radius: var(--spacing-0) 0 0 var(--spacing-0);
  border-right: 0;
  order: 1;
}
.activity-split-button[data-v-5388a755] .compass-menu {
  order: 3;
}
.activity-split-button[data-v-5388a755]:before {
  content: "";
  background: var(--colors-common-border-default);
  display: block;
  height: 100%;
  order: 2;
  transition: all 100ms cubic-bezier(0, 0, 0.3, 1);
  width: 1px;
}
.activity-split-button[data-v-5388a755]:hover:before {
  background: var(--colors-common-border-default-hover);
}
.activity-split-button__icon-button[data-v-5388a755] {
  align-items: center;
  background: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-default);
  border-left: 0;
  border-radius: 0 var(--spacing-0) var(--spacing-0) 0;
  cursor: pointer;
  display: flex;
  height: var(--spacing-5);
  justify-content: center;
  padding: 0;
  transition: all 100ms cubic-bezier(0, 0, 0.3, 1);
  width: var(--spacing-5);
}
.activity-split-button__icon-button[data-v-5388a755]:hover {
  border-color: var(--colors-common-border-default-hover);
}

.activity-forms__title[data-v-649bd327] {
  margin: 0 0 var(--spacing-3);
}
.activity-forms__subtitle[data-v-649bd327] {
  margin: var(--spacing-3) 0 var(--spacing-1);
}
.activity-forms__actions[data-v-649bd327] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
}

.custom-cascader.el-cascader .cascader-items {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}
.custom-cascader.el-cascader .cascader-items .item {
  display: inline-flex;
  align-items: center;
}
.custom-cascader.el-cascader .cascader-items .item .item-img {
  width: 20px;
  height: 20px;
  border-right: var(--spacing-0);
}
.custom-cascader.el-cascader .cascader-items .item .item-txt {
  display: inline-block;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.custom-cascader.el-cascader .cascader-items .item .item-tag {
  background-color: #f6f6f9;
  font-weight: 600;
  border-right: var(--spacing-0);
  padding: 0 4px;
}
.custom-cascader.el-cascader .cascader-items .item-search {
  align-items: center;
  display: flex;
  width: 50px;
}
.custom-cascader.el-cascader .cascader-items .cascader-placeholder {
  padding-left: 12px;
  color: #111111;
}
.custom-cascader.el-cascader .el-input__icon.el-icon-arrow-up {
  color: #111111;
  transform: rotate(180deg);
}
.custom-cascader.el-cascader .el-input__icon.el-icon-arrow-up.is-reverse {
  transform: rotate(0deg);
}
.custom-cascader.el-cascader .el-input__suffix {
  right: 6px;
}
.cascader-suggestion {
  min-width: 250px;
}
.cascader-suggestion ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 16px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.cascader-suggestion ul li:hover {
  background-color: #f6f6f9;
}
.cascader-suggestion ul li .suggestion-item .suggestion-item-label {
  max-width: 350px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 4px;
}
.cascader-suggestion ul li .suggestion-item i {
  line-height: 1.4;
}
.custom-cascader-popover__popper .el-cascader-node {
  padding-left: 12px;
  padding-right: var(--spacing-5);
  height: 32px;
  line-height: 32px;
}
.custom-cascader-popover__popper .el-cascader-menu {
  color: #111111;
}
.custom-cascader-popover__popper .el-cascader-menu:last-child .el-cascader-node {
  padding-right: 12px;
}
.custom-cascader-popover__popper .el-cascader-node.in-active-path,
.custom-cascader-popover__popper .el-cascader-node.is-active,
.custom-cascader-popover__popper .el-cascader-node.is-selectable.in-checked-path {
  color: #4868fd;
  font-weight: 400;
}
.custom-cascader-popover__popper .el-cascader-node:not(.is-disabled):focus,
.custom-cascader-popover__popper .el-cascader-node:not(.is-disabled):hover {
  background: #edf0ff;
  font-weight: 400;
}
.custom-cascader-popover__popper .el-cascader-node__label {
  padding: 0 var(--spacing-1);
}
.custom-cascader-popover__popper .el-cascader-node__postfix {
  right: 12px;
  color: #8c909c;
}

.timeline-filters[data-v-4823ff48] {
  position: relative;
}
.timeline-filters .timeline-content-filters[data-v-4823ff48] {
  position: absolute;
  left: 0;
  right: 0;
  width: 776px;
  padding: var(--spacing-3);
  background-color: var(--colors-common-background-default);
  box-shadow: 0 2px var(--spacing-2) rgba(0, 0, 0, 0.1019607843);
  border-radius: var(--spacing-0);
  border: solid 1px var(--colors-common-border-default);
  z-index: 2;
}
.el-date-editor--daterange[data-v-4823ff48] {
  width: 300px;
}
.el-date-editor[data-v-4823ff48] {
  height: auto !important;
}

.timeline-filters[data-v-d69d81db] .el-tabs__nav {
  display: flex;
}
.timeline-filters[data-v-d69d81db] .el-tabs__nav .el-tabs__item {
  padding: 0 !important;
  margin-bottom: 8px;
}
.timeline-filters .timeline-filters-item[data-v-d69d81db] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  color: var(--colors-component-text-navigation-default);
}
.timeline-filters .timeline-filters-item[data-v-d69d81db]:hover {
  color: var(--colors-component-text-navigation-hover-alt);
  background-color: var(--colors-component-background-navigation-hover);
}
.timeline-filters .timeline-filters-item--is-selected[data-v-d69d81db] {
  background-color: var(--colors-component-background-navigation-active-default);
  color: var(--colors-component-text-navigation-active-default);
}
.timeline-filters .timeline-filters-item--is-selected[data-v-d69d81db]:hover {
  color: var(--colors-component-text-navigation-active-hover-alt);
  background-color: var(--colors-component-background-navigation-active-hover);
}
.timeline-filters .timeline-filters-item-flag__is-danger[data-v-d69d81db] {
  background-color: var(--colors-component-text-tag-red);
}
.timeline-filters .timeline-content-filters[data-v-d69d81db] {
  position: absolute;
  right: 0;
  z-index: 1;
}

.cd-timeline-card--default[data-v-1fb3794a] {
  margin: 0 var(--spacing-0) 0 var(--spacing-3);
  padding: 0 0 var(--spacing-4);
}
.cd-timeline-card--default[data-v-1fb3794a] strong {
  font-weight: 600;
}
.cd-timeline-card--default[data-v-1fb3794a] a:hover {
  color: var(--colors-common-text-primary-default);
}

.cd-timeline-card--default[data-v-abb58c0a]  .container-authorization {
  display: flex;
  align-items: center;
}
.cd-timeline-card--default[data-v-abb58c0a]  .container-authorization .text {
  margin: 0 var(--spacing-0) 0 0;
}
.cd-timeline-card--default[data-v-abb58c0a]  .user-profile {
  margin: 0 var(--spacing-0) 0 0;
}
.cd-timeline-card--default[data-v-abb58c0a]  .date-log {
  white-space: nowrap;
  color: var(--colors-common-text-standard-caption);
}

.synchronization-card[data-v-37fd3f36] {
  margin: 0 var(--spacing-0) 0 var(--spacing-3);
  padding: 0 0 var(--spacing-4);
}
.synchronization-card__summary[data-v-37fd3f36] {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-1);
}
.synchronization-card__fields[data-v-37fd3f36] {
  margin: var(--spacing-1) 0 0;
  padding-left: var(--spacing-4);
  list-style-type: disc;
}
.synchronization-card__date[data-v-37fd3f36] {
  white-space: nowrap;
  color: var(--colors-common-text-standard-caption);
}

.template-card-v2-attachment--item__container[data-v-7f93f858] {
  display: flex;
  gap: var(--spacing-1);
}

.person-light-avatar__container[data-v-ba0826b4]  .compass-user__name {
  cursor: pointer;
  color: #565665;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}
.person-light-avatar__container[data-v-ba0826b4] :not(is-disabled) .compass-user__name:hover {
  color: #111111;
}
.person-light-disabled__container span[data-v-ba0826b4] {
  line-height: 16px;
}
.person-light-disabled__label[data-v-ba0826b4] {
  color: #565665;
  font-weight: 600;
}
.person-light-disabled__icon[data-v-ba0826b4] {
  cursor: default;
}

.cd-timeline--log-card .cd-timeline-content--staff {
  display: inline-block;
}
.cd-timeline--log-card .cd-timeline-content--staff .cd-timeline-content--block {
  display: inline-block;
  vertical-align: middle;
}
.cd-timeline--log-card .cd-timeline-content--staff .person-light {
  display: inline-block;
}
.cd-timeline--log-card .cd-timeline-content--staff .person-light-avatar__container .compass-user__name {
  font-weight: 600;
  cursor: auto;
  font-size: 14px;
}
.cd-timeline--log-card .cd-timeline-content--staff .person-light-avatar__container:hover .compass-user__name {
  color: #565665;
}

.history-card-log__item {
  height: 24px;
}
.history-card-log__item:not(:last-child) .history-card-log__container:after {
  content: "";
}
.history-card-log__item .timeline-bullet__item {
  height: 4px;
  width: 4px;
  background: #565665;
  margin-left: 6px;
  margin-right: 6px;
}
.history-card-log__item .timeline-bullet__container {
  height: inherit;
  width: inherit;
}
.history-card-log__item .timeline-bullet__container:before {
  content: "";
  top: 0;
}
.history-card-log__item .timeline-bullet__container:after {
  bottom: 0;
}
.history-card-log__item .timeline-bullet__container:before, .history-card-log__item .timeline-bullet__container:after {
  right: 7px;
  background: #ccccd1;
  height: 6px;
  width: 2px;
  position: absolute;
}
.history-card-log__container {
  background: #f6f6f9;
}
.history-card-log__container .cd-timeline-content-text {
  justify-content: space-between;
}
.history-card-log__container .cd-timeline-content--staff .compass-link__label {
  color: var(--colors-common-text-subtle-default);
}
.history-card-log__container .cd-timeline-content--staff .compass-link__label:hover {
  color: var(--colors-common-text-subtle-hover);
}
.history-card-log__container-history-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.history-card-log__container-history-title__colors-common-text-subtle-default {
  color: var(--colors-common-text-subtle-default);
}

.container-action-bar {
  display: inline-flex;
  padding: var(--spacing-0);
  align-items: flex-start;
  gap: var(--spacing-1);
  position: absolute;
  right: var(--spacing-1);
  top: -16px;
  border-radius: var(--spacing-0);
  border: 1px solid var(--colors-common-border-lighter);
  background: var(--colors-common-background-default);
}
.container-action-bar__custom-tooltip-more {
  overflow: hidden;
  position: absolute;
  top: 32px;
  right: -33px;
  display: flex;
  padding: var(--spacing-0) var(--spacing-1);
  justify-content: center;
  align-items: center;
  border-radius: var(--spacing-0);
  background: var(--colors-common-background-default-contrast);
  color: var(--colors-common-text-standard-on-color);
}
.container-action-bar__custom-tooltip-more-hidden {
  display: none;
}

#compass-menu-container .container-action-bar__menu {
  z-index: 100;
}

.search-result-company[data-v-4622fe4e] {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-3);
}
.search-result-company--is-hovered[data-v-4622fe4e] {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-result-company__title[data-v-4622fe4e] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.search-result-company__title + .search-result-company__extra-field[data-v-4622fe4e] {
  margin: var(--spacing-0) 0 0;
}
.search-result-company__name[data-v-4622fe4e] {
  color: var(--colors-common-text-standard-default, #111);
  margin: 0;
}
.search-result-company__address[data-v-4622fe4e] {
  color: var(--colors-common-text-subtle-default, #565665);
  margin: var(--spacing-0) 0 0;
}
.search-result-company[data-v-4622fe4e] .highlight {
  background: var(--colors-common-background-highlight-search);
}
.search-result-company__extra-field[data-v-4622fe4e] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-0);
  padding: var(--spacing-0) 0 0;
}
.search-result-company__corp-id[data-v-4622fe4e] {
  background: var(--colors-component-background-information-tag-grey, #e9e9ec);
  border-radius: 44px;
  color: var(--colors-common-text-primary-default, #4868fd);
  display: flex;
  padding: 0 var(--spacing-1);
}

.contact-linked-companies[data-v-949b0ee5] {
  display: flex;
  flex-wrap: wrap;
}
.contact-linked-companies__button[data-v-949b0ee5] {
  background: transparent;
  border: 0;
  color: var(--colors-common-text-subtle-default, #565665);
  cursor: pointer;
  font-weight: 600;
  padding: 0;
}
.contact-linked-companies__button[data-v-949b0ee5]:hover {
  color: var(--colors-common-text-subtle-hover, #111111);
}

.search-result-contact[data-v-2450e073] {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-3);
}
.search-result-contact--is-hovered[data-v-2450e073] {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-result-contact__name[data-v-2450e073] {
  color: var(--colors-common-text-standard-default, #111);
  margin: 0;
}
.search-result-contact__company[data-v-2450e073] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  margin: var(--spacing-0) 0 0;
}
.search-result-contact[data-v-2450e073] .highlight {
  background: var(--colors-common-background-highlight-search);
}
.search-result-contact[data-v-2450e073] .compass-link {
  display: inline;
}
.search-result-contact__extra-field[data-v-2450e073] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-0);
  padding: var(--spacing-0) 0 0;
}

.tag-status[data-v-063a0886] {
  align-items: center;
  display: flex;
  height: 100%;
}

.search-result-document[data-v-bcede52e] {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-3);
}
.search-result-document[data-v-bcede52e] .highlight {
  background: var(--colors-common-background-highlight-search);
}
.search-result-document--is-hovered[data-v-bcede52e] {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-result-document__title[data-v-bcede52e] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.search-result-document__content[data-v-bcede52e] {
  min-width: 0;
}
.search-result-document[data-v-bcede52e] .compass-link {
  display: inline;
}
.search-result-document[data-v-bcede52e] .compass-object {
  flex-shrink: 0;
}
.search-result-document__name[data-v-bcede52e] {
  color: var(--colors-common-text-standard-default, #111);
  margin: 0;
}
.search-result-document__details[data-v-bcede52e] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-2);
  margin: var(--spacing-0) 0 0;
}
.search-result-document__extra-field[data-v-bcede52e] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-0);
  padding: var(--spacing-0) 0 0;
}
.search-result-document__amount[data-v-bcede52e] {
  flex-shrink: 0;
}
.search-result-document__company[data-v-bcede52e] {
  flex-shrink: 0;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-document__subject[data-v-bcede52e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
}

.search-result-opportunity[data-v-cf4d9628] {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-3);
}
.search-result-opportunity--is-hovered[data-v-cf4d9628] {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-result-opportunity__title[data-v-cf4d9628] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.search-result-opportunity .opportunity-status[data-v-cf4d9628] {
  color: var(--colors-common-text-standard-default, #111);
}
.search-result-opportunity[data-v-cf4d9628] .compass-link {
  display: inline;
}
.search-result-opportunity[data-v-cf4d9628] .compass-object {
  flex-shrink: 0;
}
.search-result-opportunity__company[data-v-cf4d9628] {
  flex-shrink: 0;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-opportunity__name[data-v-cf4d9628] {
  color: var(--colors-common-text-standard-default, #111);
  margin: 0;
}
.search-result-opportunity__details[data-v-cf4d9628] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-2);
  margin: var(--spacing-0) 0 0;
}
.search-result-opportunity[data-v-cf4d9628] .highlight {
  background: var(--colors-common-background-highlight-search);
}

.search-result-individual[data-v-480bce7d] {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-3);
}
.search-result-individual--is-hovered[data-v-480bce7d] {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-result-individual__name[data-v-480bce7d] {
  color: var(--colors-common-text-standard-default, #111);
  margin: 0;
}
.search-result-individual__title[data-v-480bce7d] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.search-result-individual__address[data-v-480bce7d] {
  color: var(--colors-common-text-subtle-default, #565665);
  margin: var(--spacing-0) 0 0;
}
.search-result-individual[data-v-480bce7d] .highlight {
  background: var(--colors-common-background-highlight-search);
}
.search-result-individual__extra-field[data-v-480bce7d] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-0);
  padding: var(--spacing-0) 0 0;
}

.search-result-item[data-v-aaa388ed] {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-1);
  max-width: initial;
  padding: var(--spacing-1) var(--spacing-3);
}
.search-result-item--is-hovered[data-v-aaa388ed] {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-result-item__name[data-v-aaa388ed] {
  color: var(--colors-common-text-standard-default, #111);
  margin: 0;
}
.search-result-item__content[data-v-aaa388ed] {
  min-width: 0;
}
.search-result-item__details[data-v-aaa388ed] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-2);
  margin: var(--spacing-0) 0 0;
}
.search-result-item__description[data-v-aaa388ed] {
  color: var(--colors-common-text-subtle-default, #565665);
  margin: var(--spacing-0) 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-item[data-v-aaa388ed] .highlight {
  background: var(--colors-common-background-highlight-search);
}

.search-bar-filters[data-v-689837eb] {
  color: var(--colors-common-text-subtle-default, #565665);
}
.search-bar-filters p[data-v-689837eb] {
  margin: 0 0 var(--spacing-0);
}
.search-bar-filters__list[data-v-689837eb] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  margin: 0;
  padding: 0;
}
.search-bar-filters__list li[data-v-689837eb] {
  flex-shrink: 0;
}

.search-object-to-link__search-input[data-v-6302f973] {
  margin-bottom: var(--spacing-4);
}
.search-object-to-link__search-input[data-v-6302f973]:has(+ .compass-empty-state) {
  margin-bottom: var(--spacing-3);
}
.search-object-to-link .search-bar-filters[data-v-6302f973] {
  margin-bottom: var(--spacing-2);
}
.search-object-to-link a[class^=search-result][data-v-6302f973]  {
  padding: var(--spacing-1);
}
.search-object-to-link a[class^=search-result][data-v-6302f973] :hover {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-object-to-link a[class^=search-result][data-v-6302f973]  .compass-badge,
.search-object-to-link a[class^=search-result][data-v-6302f973]  .opportunity-status {
  flex-shrink: 0;
}
.search-object-to-link .result-container__loader[data-v-6302f973] {
  color: var(--colors-common-text-standard-default, #111);
  display: flex;
  gap: 10px;
  padding: var(--spacing-1) 0;
}
.search-object-to-link .result-container__loader-text[data-v-6302f973] {
  width: 100%;
}
.search-object-to-link .result-container__no-results[data-v-6302f973] {
  align-items: center;
  background: var(--colors-common-background-primary-lightest, #f5f7ff);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-default, #111);
  display: flex;
  gap: var(--spacing-0);
  padding: var(--spacing-1);
}
.search-object-to-link .result-container__no-results p[data-v-6302f973] {
  margin: 0;
}

.object-block__header-name--link[data-v-89b0b939] {
  cursor: pointer;
}
.object-block__header-name--link[data-v-89b0b939]:hover {
  text-decoration: underline;
}

.object-block {
  background-color: var(--colors-common-background-default);
}
.object-block--preview.object-block--empty {
  background-color: var(--colors-common-background-subtle);
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: var(--spacing-1);
  padding: var(--spacing-3);
}
.object-block--linked {
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: var(--spacing-1);
  padding: var(--spacing-3);
}
.object-block--embedded {
  width: 100%;
}
.object-block--overview .object-block__related-container {
  padding: var(--spacing-2);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.object-block--overview .object-block__header {
  gap: var(--spacing-1);
}
.object-block--overview > .object-block__main {
  display: flex;
  flex-direction: column;
  background-color: var(--colors-common-background-subtle);
  padding: var(--spacing-2);
  border-radius: var(--spacing-1);
}
.object-block .object-block__header {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing-4);
  justify-content: space-between;
}
.object-block .object-block__header a {
  flex-shrink: 0;
}
.object-block .object-block__header-title-container {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.object-block .object-block__header-title-container:has(.object-block__header-name:hover) .compass-object {
  position: relative;
}
.object-block .object-block__header-title-container:has(.object-block__header-name:hover) .compass-object::after {
  content: "";
  background: var(--colors-common-background-colored-hover);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--spacing-0);
}
.object-block .object-block__header-name-container {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.object-block .object-block__header-name {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.object-block .object-block__header-caption {
  color: var(--colors-common-text-standard-caption);
}
.object-block .object-block__header-actions {
  display: flex;
  flex-shrink: 0;
  gap: var(--spacing-3);
}

.contact-details[data-v-d89a4680] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  min-width: 0;
}
.contact-details[data-v-d89a4680] .compass-tooltip,
.contact-details[data-v-d89a4680] .compass-plain-button,
.contact-details[data-v-d89a4680] .compass-plain-button__content {
  max-width: 100%;
  min-width: 0;
}
.contact-details[data-v-d89a4680] .compass-plain-button__label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.object-block__description-list[data-v-db866567]  {
  margin: var(--spacing-1) 0 0;
}
.object-block__description-list[data-v-db866567]  .compass-description-list__item__content {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}

.object-block-company .object-block-contact[data-v-c5e3d192] {
  margin-top: var(--spacing-3);
}

.object-block-contact.object-block--selection[data-v-a0be539d]:not(.object-block--empty) {
  align-items: center;
  display: flex;
  gap: var(--spacing-4);
  justify-content: space-between;
}
.object-block-contact.object-block--selection:not(.object-block--empty) .object-block__header-title-container[data-v-a0be539d] {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
}
.object-block-contact.object-block--selection:not(.object-block--empty) .object-block__header-title-container > div[data-v-a0be539d]:has(.compass-object) {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.object-block-contact.object-block--selection:not(.object-block--empty) .compass-button[data-v-a0be539d] {
  flex-shrink: 0;
}
.object-block-contact.object-block--selection.object-block--empty[data-v-a0be539d] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.object-block-contact.object-block--preview.object-block--empty[data-v-a0be539d] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.object-block-contact .object-block-company[data-v-a0be539d] {
  margin-top: var(--spacing-3);
}
.object-block-contact__header-name[data-v-a0be539d] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}

.object-block-document .object-block-contact[data-v-ea2923a7],
.object-block-document .object-block-company[data-v-ea2923a7] {
  margin-top: var(--spacing-3);
}

.object-block-opportunity .object-block-contact[data-v-f37618e9],
.object-block-opportunity .object-block-company[data-v-f37618e9] {
  margin-top: var(--spacing-3);
}

.link-object-dialog .object-block[data-v-1ee14036] {
  width: 100%;
}
.link-object-dialog .object-block--empty[data-v-1ee14036] {
  color: var(--colors-common-text-standard-disabled);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-4) var(--spacing-3);
  border: 1px solid var(--colors-common-border-primary-subtle-default);
  border-radius: var(--spacing-0);
  background-color: var(--colors-common-background-primary-subtle);
}
.link-object-dialog__content[data-v-1ee14036] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-2);
}
.link-object-dialog__object-container[data-v-1ee14036] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.dialog__default {
  padding-bottom: 24px;
}
.dialog__default p {
  margin: 0 0 var(--spacing-3);
}
.dialog__default ul {
  margin: 0;
}
.dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}

.activity-card[data-v-8835782b] {
  position: relative;
}
.activity-card__container-badges[data-v-8835782b] {
  position: absolute;
  left: 56px;
  top: -10px;
  margin-bottom: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--spacing-1);
}
.activity-card__container-badges__badge[data-v-8835782b] {
  padding: 2px var(--spacing-1);
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: 12px;
  gap: var(--spacing-0);
  display: flex;
  background-color: var(--colors-common-background-default);
  align-items: center;
}
.activity-card__container-badges__badge__username[data-v-8835782b] {
  font-weight: var(--font-weights-lato-2);
}
.activity-card__container-badges__badge--private[data-v-8835782b] {
  color: var(--colors-common-text-subtle-default);
}
.activity-card__container-badges__badge--pinned[data-v-8835782b] {
  color: var(--colors-sellsy-yellow-500);
}
.activity-card-header__container[data-v-8835782b] {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-1);
}
.activity-card-header-date__container[data-v-8835782b] {
  line-height: 16px;
}
.activity-card-attachment__container[data-v-8835782b] {
  display: flex;
  flex-wrap: wrap;
  color: var(--colors-common-text-subtle-default);
  border-top: 1px solid var(--colors-common-border-lighter);
  padding: var(--spacing-1) 0 0;
  margin: var(--spacing-3) 0 0;
  gap: var(--spacing-3);
}

.template-card-v2__object[data-v-8835782b]::before {
  content: " ";
  position: absolute;
  left: 16px;
  top: 36px;
  height: calc(100% - 36px);
  border-left: solid 1px var(--colors-component-border-actionable-default);
}
.incoming-events .template-card-v2__object[data-v-8835782b]::before {
  border: dashed 1px var(--colors-component-border-actionable-default);
}
.template-card-v2__container[data-v-8835782b] {
  width: 100%;
  box-shadow: 0px 2px 2px rgba(86, 86, 101, 0.1);
  background-color: var(--colors-common-background-default);
  border-radius: var(--spacing-0);
  padding: var(--spacing-3);
  margin: 0 0 var(--spacing-2) var(--spacing-3);
}

.person-list[data-v-c4ee9939] {
  width: auto;
  min-width: 200px;
}
.person-list ul.person li[data-v-c4ee9939]:hover {
  background-color: #edf0ff;
}
.person-list ul.person li:hover .person-name[data-v-c4ee9939] {
  color: #4868fd;
}
.person[data-v-c4ee9939] {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.person .fullname[data-v-c4ee9939] {
  width: calc(100% - 40px);
  padding-left: 8px;
}
.person-name[data-v-c4ee9939] {
  width: calc(100% - 45px);
}
.cd-timeline-block .person-list[data-v-c4ee9939] {
  width: auto !important;
}

.custom-tooltip-container {
  display: inline-block;
  position: relative;
  white-space: initial;
}
.custom-tooltip-container .custom-tooltip-trigger {
  display: inline-block;
}
.custom-tooltip-container .custom-tooltip-trigger:hover + .custom-tooltip {
  display: flex;
}
.custom-tooltip-container .custom-tooltip {
  align-items: center;
  background-color: white;
  border-radius: 4px;
  bottom: calc(100% + 4px);
  box-shadow: 0 0 8px 0 rgba(17, 17, 17, 0.2);
  color: #111111;
  display: none;
  gap: 6px;
  padding: 8px;
  position: absolute;
  width: max-content;
  z-index: 1;
}

.mention {
  text-decoration-line: none !important;
}
.tippy-box[data-theme~=tooltip-info-mention] {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 8px 0 rgba(17, 17, 17, 0.2);
  color: #111111;
}
.tippy-box[data-theme~=tooltip-info-mention] .tippy-content {
  padding: 0;
}

.annotation-card-reply__container[data-v-de2254e9] {
  padding: 12px;
}
.annotation-card-reply__container[data-v-de2254e9] .editor-input {
  background-color: #ffffff;
}
.annotation-card-reply__container[data-v-de2254e9] .editor-input .ProseMirror,
.annotation-card-reply__container[data-v-de2254e9] .editor-input .menu-bar-editor {
  border: unset;
}
.annotation-card-reply__container[data-v-de2254e9] .editor-input .ProseMirror {
  background-color: #ffffff;
  border-bottom: solid 1px #e9e9ec;
  border-radius: 0;
  padding: 6px 12px;
}
.annotation-card-reply__container .content[data-v-de2254e9] {
  display: grid;
  gap: var(--spacing-0);
}
.annotation-card-reply__container .person-light-avatar__container .compass-user__name[data-v-de2254e9] {
  color: #111111;
}
.annotation-card-reply__container .editor-preview > div p[data-v-de2254e9]:first-child {
  margin-top: 0;
}
.annotation-card-reply__container .editor-preview > div p[data-v-de2254e9]:last-child {
  margin-bottom: 0;
}
.annotation-card-reply__container .editor-preview p[data-v-de2254e9] {
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 0;
  line-height: 20px;
  font-size: 14px;
  margin: 0;
}
.annotation-card-reply__container .person-list-container[data-v-de2254e9] {
  margin-bottom: var(--spacing-0);
}
.annotation-card-reply__date[data-v-de2254e9] {
  line-height: 16px;
  font-weight: 400;
}
.annotation-card-reply__button-read[data-v-de2254e9] {
  margin-top: var(--spacing-0);
  width: fit-content;
}
.rich-text.annotation-reply-richtext[data-v-de2254e9] {
  width: 100%;
  margin: var(--spacing-1) 0 0;
}
.annotation-card-reply__content[data-v-de2254e9] {
  word-break: break-word;
}

.dialog__default {
  padding-bottom: 24px;
}
.dialog__default p {
  margin: 0 0 var(--spacing-3);
}
.dialog__default ul {
  margin: 0;
}
.dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.annotation-card__content {
  word-break: break-word;
}
.annotation-card__item:not(:last-child), .annotation-card__replies {
  margin-bottom: 12px;
}
.annotation-card__replies--more {
  margin-bottom: 12px;
}
.annotation-card__button-read-more {
  margin-top: var(--spacing-0);
}
.annotation-card .content {
  display: grid;
  gap: var(--spacing-0);
}
.annotation-card__button-read {
  width: fit-content;
}
.annotation-card .annotation-form {
  border: 1px solid #cfd2d9;
  border-radius: 4px;
}
.annotation-card.highlighted .annotation-card {
  box-shadow: 0 0 8px rgba(17, 17, 17, 0.2);
}
.annotation-card-edit__container .ProseMirror {
  min-height: 70px;
}
.annotation-card .editor-preview > div p:first-child {
  margin-top: 0;
}
.annotation-card .editor-preview > div p:last-child {
  margin-bottom: 0;
}
.annotation-card .editor-preview p {
  padding: 0;
  line-height: 20px;
  font-size: 14px;
  margin: 0;
}
.annotation-card-timer__container {
  display: flex;
  line-height: 16px;
  border: solid var(--colors-common-border-lighter) 1px;
  border-radius: 20px;
  width: max-content;
  padding: 2px var(--spacing-1);
  gap: var(--spacing-0);
  margin-bottom: var(--spacing-0);
}
.annotation-card-timer__container span {
  color: var(--colors-common-text-subtle-default);
}
.annotation-card-timer__content-time {
  display: flex;
  align-items: center;
}
.annotation-card .annotation-card-reply-action__container {
  padding: 12px;
  background: #f6f6f9;
}
.annotation-card .annotation-card-reply-action__container .editor-input {
  background: #ffffff;
}
.annotation-card .annotation-card-reply-action__container .editor-input .ProseMirror,
.annotation-card .annotation-card-reply-action__container .editor-input .menu-bar-editor {
  border: unset;
}
.annotation-card .annotation-card-reply-action__container .editor-input .ProseMirror {
  border-bottom: solid 1px #e9e9ec;
  border-radius: 0;
  padding: 6px 12px;
}

.annotation-reply-container[data-v-ccf9c395] {
  display: flex;
  min-height: 0;
  border-radius: 4px;
  padding: var(--spacing-2);
  background: #f6f6f9;
  gap: var(--spacing-0);
}

.task-card-content__container[data-v-0615f1c2] {
  display: grid;
}
.task-card-title[data-v-0615f1c2] {
  cursor: pointer;
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-0);
}
.task-card-tag[data-v-0615f1c2] {
  margin-bottom: var(--spacing-1);
}
.task-card__content[data-v-0615f1c2] {
  margin: var(--spacing-0) 0 0;
}
.task-card-action__container[data-v-0615f1c2] {
  height: max-content;
  white-space: nowrap;
}
.task-card-action__container.is-success[data-v-0615f1c2] {
  border-color: var(--colors-common-border-success-darker);
  color: var(--colors-common-text-success-hover);
}
.task-card-action__container.is-success[data-v-0615f1c2]:hover {
  background-color: var(--colors-common-background-success-subtle);
}
.task-card-action__container.is-success[data-v-0615f1c2],
.task-card-action__container.is-success[data-v-0615f1c2] h6 {
  color: var(--colors-common-text-success-hover);
}
.task-card-information__container[data-v-0615f1c2] {
  display: flex;
  gap: var(--spacing-1);
  justify-content: space-between;
  align-items: flex-start;
}
.task-card-date__container[data-v-0615f1c2] {
  display: flex;
  gap: var(--spacing-0);
  align-items: center;
}
.task-card-buttons__container[data-v-0615f1c2] {
  display: flex;
  gap: var(--spacing-3);
}

.event-card-content__container[data-v-9e9c8803] {
  display: grid;
}
.event-card-title[data-v-9e9c8803] {
  cursor: pointer;
}
.event-card-tag[data-v-9e9c8803] {
  margin-bottom: var(--spacing-1);
}
.event-card__content[data-v-9e9c8803] {
  margin: var(--spacing-0) 0 0;
}

.status__button--is-done[data-v-ed984665]:not(.status__button--is-disabled) {
  border-color: var(--colors-common-border-success-darker);
  color: var(--colors-common-text-success-hover);
}
.status__button--is-done[data-v-ed984665]:not(.status__button--is-disabled):not(.is-loading):hover {
  background-color: var(--colors-common-background-success-subtle);
}
.status__button--is-done[data-v-ed984665]:not(.status__button--is-disabled) h6 {
  color: var(--colors-common-text-success-hover);
}
.status__button--is-disabled[data-v-ed984665], .status__button--is-disabled[data-v-ed984665]:hover {
  background-color: var(--colors-common-background-disabled);
}
#compass-dropdown-container .activity-update-status-button__dropdown[data-v-ed984665] {
  z-index: 1001;
  width: 286px;
}

.phone-call-card-timer__container[data-v-7c42f439] {
  display: flex;
  line-height: 16px;
  border: solid var(--colors-common-border-lighter) 1px;
  border-radius: 20px;
  width: max-content;
  padding: 2px var(--spacing-1);
  gap: var(--spacing-0);
}
.phone-call-card-timer__container span[data-v-7c42f439] {
  color: var(--colors-common-text-subtle-default);
}
.phone-call-card-timer__content-time[data-v-7c42f439] {
  display: flex;
  align-items: center;
}
.phone-call-card-container[data-v-7c42f439] {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
}
.phone-call-card-title[data-v-7c42f439] {
  display: flex;
  gap: var(--spacing-1);
}
.phone-call-card-tag[data-v-7c42f439] {
  margin-bottom: var(--spacing-1);
}
.phone-call-card__content[data-v-7c42f439] {
  margin: var(--spacing-0) 0 0;
}
.phone-call-main-information-container[data-v-7c42f439] {
  display: flex;
  gap: var(--spacing-1);
  justify-content: space-between;
  align-items: flex-start;
}
.phone-call-main-information-container .phone-call-card-buttons-container[data-v-7c42f439] {
  display: flex;
  gap: var(--spacing-3);
}
.phone-call-main-information-container .phone-call-card-date-container[data-v-7c42f439] {
  display: flex;
  gap: var(--spacing-0);
  align-items: center;
}

.email-card .dialog__default[data-v-8ddb7984] {
  padding-bottom: 24px;
}
.email-card .dialog__default p[data-v-8ddb7984] {
  margin: 0 0 var(--spacing-3);
}
.email-card .dialog__default ul[data-v-8ddb7984] {
  margin: 0;
}
.email-card .dialog__footer[data-v-8ddb7984] {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.email-card-title[data-v-8ddb7984] {
  cursor: pointer;
}
.email-card__content[data-v-8ddb7984] {
  margin: var(--spacing-0) 0 0;
}
.email-card-status__container span[data-v-8ddb7984], .email-card-status-sender__label span[data-v-8ddb7984] {
  line-height: 16px;
}

.email-status[data-v-be732280] {
  display: flex;
  align-items: center;
}
.email-status-text[data-v-be732280] {
  margin-left: 2px;
  color: var(--colors-common-text-standard-caption);
}

.email-attachment-link[data-v-fa5ac05f] {
  align-items: center;
  background: transparent;
  border: 1px solid var(--colors-common-border-default);
  border-radius: 50px;
  color: var(--colors-common-text-subtle-default);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-families-lato);
  font-size: 14px;
  font-weight: 600;
  gap: var(--spacing-0);
  line-height: 20px;
  max-width: 180px;
  padding: var(--spacing-0) var(--spacing-3);
}
.email-attachment-link--small[data-v-fa5ac05f] {
  padding: var(--spacing-0) var(--spacing-1);
}
.email-attachment-link__label[data-v-fa5ac05f] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-attachment-link .file-icon[data-v-fa5ac05f] {
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.is-mocked[data-v-fa5ac05f],
.email-attachment-link[data-v-fa5ac05f] {
  cursor: auto;
}

.email-card.highlighted .activity-card__container {
  box-shadow: var(--box-shadows-small);
}
.email-description > div p:first-child {
  margin-top: 0;
}
.email-description > div p:last-child {
  margin-bottom: 0;
}
.email-description p {
  margin: 0;
}

.email-card-status__container span[data-v-7c356790],
.email-card-status-sender__label span[data-v-7c356790] {
  line-height: 16px;
}
.email-card[data-v-7c356790] {
  word-break: break-word;
}
.email-card .email-label-container[data-v-7c356790] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
}
.email-card .email-description[data-v-7c356790],
.email-card .email-subject[data-v-7c356790] {
  margin: 0 0 var(--spacing-0);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
  overflow: hidden;
}
.email-card .email-description[data-v-7c356790] ul,
.email-card .email-subject[data-v-7c356790] ul {
  padding-left: 24px;
  list-style-type: disc;
}
.email-card__content .compass-alert--error[data-v-7c356790] {
  border: none;
}
.email-card__content .compass-alert--error .compass-alert__wrapper[data-v-7c356790] {
  padding-top: var(--spacing-0, 8px);
  padding-bottom: var(--spacing-0, 8px);
}
.email-card__draft[data-v-7c356790] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--spacing-1);
  padding: var(--spacing-0) var(--spacing-0) var(--spacing-0) var(--spacing-1);
}
.email-card__draft__left-container[data-v-7c356790] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.email-card__draft__text-container[data-v-7c356790] {
  color: var(--colors-common-text-subtle-default);
}
.email-card__draft__icon[data-v-7c356790] {
  flex-shrink: 0;
  fill: var(--colors-common-icon-neutral);
}
.email-card__attachments[data-v-7c356790] {
  margin: var(--spacing-3) 0;
  padding: var(--spacing-2) 0 0;
}
.email-card__attachments-list[data-v-7c356790] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0);
}
.email-card .email-attachment-show-more[data-v-7c356790] {
  align-items: center;
  background: transparent;
  border: 1px solid var(--colors-common-border-default);
  border-radius: 50px;
  color: var(--colors-common-text-subtle-default);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-families-lato);
  font-size: 14px;
  font-weight: 600;
  gap: var(--spacing-0);
  line-height: 20px;
  max-width: 180px;
  padding: var(--spacing-0) var(--spacing-3);
}
.email-card .email-attachment-show-more__label[data-v-7c356790] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pre-line[data-v-59077643] {
  white-space: pre-line;
}

.marketing-card__content-description[data-v-e02b6237] {
  margin-top: var(--spacing-1);
}

.cd-container.timeline-container[data-v-42d5ac9f] {
  overflow: visible;
}

.timeline-container {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0 0 var(--spacing-4);
}
.cd-timeline-more {
  position: relative;
}
.cd-timeline-more div p::before {
  content: "●";
  position: absolute;
  left: 11px;
  font-size: 12px;
  color: #17242c;
}
.cd-timeline-day-wrapper {
  margin: 0 0 var(--spacing-3);
}
.cd-timeline-day-label {
  padding: 1px 7px;
  border: solid 1px #e9e9ec;
  border-radius: 20px;
  background-color: #02016f;
  width: fit-content;
  color: #ffffff;
}
.cd-timeline-day-label span {
  line-height: 16px;
  font-size: 12px;
  text-transform: uppercase;
}
#cd-timeline .cd-timeline--overflow {
  overflow-y: visible;
}
#cd-timeline .past-events {
  position: relative;
  overflow: visible;
}
#cd-timeline .cd-timeline-log {
  position: relative;
  margin: 0 0 var(--spacing-1);
}
#cd-timeline .cd-timeline-log.cd-timeline-log--day:not(.cd-timeline-log--object), #cd-timeline .cd-timeline-log.cd-timeline-log--annual:not(.cd-timeline-log--object) {
  margin-bottom: 8px;
}
#cd-timeline .cd-timeline-log.cd-timeline-log--day:not(.cd-timeline-log--object) .cd-timeline-block, #cd-timeline .cd-timeline-log.cd-timeline-log--annual:not(.cd-timeline-log--object) .cd-timeline-block {
  position: relative;
  margin-top: var(--spacing-0);
}
#cd-timeline .cd-timeline-log--title {
  position: relative;
}
#cd-timeline .cd-timeline-log .cd-timeline-block {
  align-items: flex-start;
}
#cd-timeline .cd-timeline-log .timeline-icon::before {
  content: " ";
  position: absolute;
  left: 16px;
  top: 36px;
  height: calc(100% - 36px);
  border-left: solid 1px var(--colors-component-border-actionable-default);
}
#cd-timeline .annual-line {
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  color: #565665;
  margin: var(--spacing-1) 0;
}
.cd-timeline-content-text {
  color: #565665;
  line-height: 20px;
  font-weight: 400;
}
.timeline-overflow-y {
  overflow-y: visible !important;
}
.timeline-filters {
  margin-bottom: var(--spacing-3);
}

.cd-timeline-block .cd-timeline-content[data-v-42d5ac9f] {
  margin: 0 var(--spacing-0) 0 var(--spacing-3);
  padding: 0 0 var(--spacing-4);
}

.tab-layout[data-v-a204f889] {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--spacing-4) 0 0;
}

.overview-flex-container[data-v-46d74798] {
  display: flex;
  gap: var(--spacing-4);
}
.overview-content[data-v-46d74798] {
  min-height: 760px;
}
.overview-content--new[data-v-46d74798] {
  flex: 1;
  min-width: 0;
}
.overview-content .tab-activity-subtitle[data-v-46d74798] {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-3);
}

.edit-single-user[data-v-2a380438] {
  border-radius: 2px;
}
.edit-single-user--editable .edit-single-user__content[data-v-2a380438] {
  cursor: pointer;
}
.edit-single-user--editable .edit-single-user__content[data-v-2a380438]:before {
  content: "";
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 2px;
  bottom: 0;
  display: none;
  left: -4px;
  position: absolute;
  right: -4px;
  top: 0;
}
.edit-single-user--editable .edit-single-user__content[data-v-2a380438]:hover:before {
  display: block;
}
.edit-single-user--editable .edit-single-user__content[data-v-2a380438] {
  cursor: pointer;
}
.edit-single-user__content[data-v-2a380438] {
  align-items: center;
  cursor: default;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-0);
  position: relative;
  user-select: none;
}
.edit-single-user__content[data-v-2a380438]  .compass-avatar {
  flex-shrink: 0;
}
.edit-single-user[data-v-2a380438]  .compass-select {
  width: 100%;
}
.edit-single-user[data-v-2a380438]  .compass-skeleton .compass-skeleton__line--extra-large {
  height: 40px;
}

.tab-loader[data-v-17f31ea1] {
  height: 200px;
}
.data-value.editable-user[data-v-17f31ea1] {
  margin: var(--spacing-0) 0 0;
}
.sellsy-info__title[data-v-17f31ea1] {
  align-items: baseline;
  display: flex;
  margin: var(--spacing-2);
}
.sellsy-info__share[data-v-17f31ea1] {
  margin-left: auto;
}
[data-v-17f31ea1]  .upsell-action {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
[data-v-17f31ea1]  .upsell-action:hover {
  background: none;
  color: var(--colors-common-background-disabled);
}
[data-v-17f31ea1]  .upsell-action .compass-button__content {
  padding-right: 0 !important;
}
[data-v-17f31ea1]  .upsell-action .compass-button__content .compass-button__label {
  color: var(--colors-common-text-standard-disabled);
}

.marketing-consent-overview[data-v-2111b998] {
  width: 100%;
  margin-top: var(--spacing-3);
  padding-bottom: var(--spacing-5);
}
.marketing-consent-overview-container[data-v-2111b998] {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-3);
  border-radius: var(--spacing-0);
  border: 1px solid var(--colors-common-border-default, #ccccd1);
  background-color: var(--colors-common-background-default, #fff);
}
.marketing-consent-overview-title[data-v-2111b998] {
  margin: 0 0 var(--spacing-4);
}
.marketing-consent-overview__consent-title[data-v-2111b998], .marketing-consent-overview__logs-title[data-v-2111b998] {
  margin: 0 0 var(--spacing-1);
}
.marketing-consent-overview__consent-information[data-v-2111b998], .marketing-consent-overview__logs-information[data-v-2111b998] {
  margin: 0 0 var(--spacing-2);
}
.marketing-consent-overview__consent[data-v-2111b998] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: var(--spacing-3);
}
.marketing-consent-overview__consent-switch[data-v-2111b998] {
  margin-bottom: var(--spacing-2);
}
.marketing-consent-overview__logs[data-v-2111b998] {
  position: relative;
  padding-top: var(--spacing-3);
}
.marketing-consent-overview__logs[data-v-2111b998]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--colors-common-border-default, #ccccd1);
}
.marketing-consent-overview__logs-button[data-v-2111b998] {
  margin-bottom: var(--spacing-2);
}

.overview__general-info[data-v-3e43264a] {
  flex: 1 0 auto;
}

.card-container[data-v-dc4c7731] {
  background: var(--colors-common-background-default);
}
.card-container--shadow[data-v-dc4c7731] {
  box-shadow: var(--elevation-1);
}
.card-container + .card-container[data-v-dc4c7731] {
  margin: var(--spacing-4) 0 0;
}
.card-container--large[data-v-dc4c7731] {
  border-radius: var(--spacing-1);
  padding: var(--spacing-4);
}
.card-container--medium[data-v-dc4c7731] {
  border-radius: var(--spacing-0);
  padding: var(--spacing-3);
}

.info-directory-search-card__description[data-v-83b62ee8] {
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 var(--spacing-3);
}

.info-header-card__meta[data-v-9bd5337c] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}
.info-header-card__item[data-v-9bd5337c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.info-header-card__label[data-v-9bd5337c] {
  color: var(--colors-common-text-brand-secondary-blue);
}
.info-header-card__label--sync[data-v-9bd5337c] {
  align-items: center;
  display: flex;
  gap: var(--spacing-0);
}
.info-header-card__value[data-v-9bd5337c] {
  color: var(--colors-common-text-standard-default);
}

.edit-phone[data-v-01bca697] {
  position: relative;
}
.edit-phone__editing[data-v-01bca697] {
  position: relative;
}
.edit-phone:not(.edit-phone--editable) .edit-phone__action[data-v-01bca697] {
  margin-top: var(--spacing-1);
}
.edit-phone__action--reserved[data-v-01bca697] {
  visibility: hidden;
}
.edit-phone__input[data-v-01bca697] {
  width: 100%;
}
.edit-phone__input[data-v-01bca697] .compass-input {
  flex: 1;
}
.edit-phone--editable[data-v-01bca697] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--spacing-5);
}
.edit-phone--editable .edit-phone__value[data-v-01bca697] {
  position: relative;
}
.edit-phone--editable .edit-phone__value[data-v-01bca697]:before {
  content: "";
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 2px;
  bottom: 0;
  display: none;
  left: -4px;
  position: absolute;
  right: -4px;
  top: 0;
}
.edit-phone--editable .edit-phone__value[data-v-01bca697]:hover:before {
  display: block;
}

.edit-textarea[data-v-6b72086f] {
  position: relative;
}
.edit-textarea[data-v-6b72086f] .compass-input {
  width: 100%;
}
.edit-textarea--editable[data-v-6b72086f] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--spacing-5);
}
.edit-textarea--editable .edit-textarea__value[data-v-6b72086f]:before {
  content: "";
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 2px;
  bottom: 0;
  display: none;
  left: -4px;
  position: absolute;
  right: -4px;
  top: 0;
}
.edit-textarea--editable .edit-textarea__value[data-v-6b72086f]:hover:before {
  display: block;
}

.edit-select[data-v-52361c2c] {
  border-radius: 2px;
  position: relative;
}
.edit-select--editable .edit-select__value[data-v-52361c2c] {
  cursor: pointer;
}
.edit-select--editable .edit-select__value[data-v-52361c2c]:before {
  content: "";
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 2px;
  bottom: 0;
  display: none;
  left: -4px;
  position: absolute;
  right: -4px;
  top: 0;
}
.edit-select--editable .edit-select__value[data-v-52361c2c]:hover:before {
  display: block;
}
.edit-select--editable .edit-select__value[data-v-52361c2c]  > * {
  position: relative;
}
.edit-select--editable .edit-select__value[data-v-52361c2c] > * {
  position: relative;
}
.edit-select--small[data-v-52361c2c]  .compass-skeleton__line {
  height: var(--spacing-4);
}
.edit-select--full-width[data-v-52361c2c] .compass-select,
.edit-select--full-width[data-v-52361c2c] .compass-input {
  width: 100%;
}
.edit-select__value[data-v-52361c2c] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  min-height: 32px;
}
.edit-select__value--small[data-v-52361c2c] {
  min-height: 24px;
}

.info-field-sync-pill[data-v-0ea4f105] {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-0);
}

.info-field-report[data-v-04eaf381] {
  align-items: center;
  display: inline-flex;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 200ms ease-in-out;
}
.copy-element:hover .info-field-report[data-v-04eaf381] {
  opacity: 1;
  transform: none;
}

.info-field[data-v-10c8be4a] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  min-width: 0;
}
.info-field--full-width[data-v-10c8be4a] {
  grid-column: 1/-1;
}
.info-field--double-width[data-v-10c8be4a] {
  grid-column: span 2;
}
.info-field--new-row[data-v-10c8be4a] {
  grid-column: 1;
}
.info-field__header[data-v-10c8be4a] {
  align-items: center;
  display: flex;
  gap: var(--spacing-0);
  min-width: 0;
}
.info-field__sync-skeleton[data-v-10c8be4a] {
  flex-shrink: 0;
  height: 16px;
  width: 28px;
}
.info-field__label[data-v-10c8be4a] {
  color: var(--colors-common-text-standard-default);
}
.info-field__value[data-v-10c8be4a] {
  align-items: center;
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
  min-height: var(--spacing-3);
}
.info-field__value--multiline[data-v-10c8be4a] {
  align-items: flex-start;
}
.info-field__value--with-action[data-v-10c8be4a] {
  align-items: flex-start;
}
.info-field__value--with-action .info-field__actions[data-v-10c8be4a] {
  margin-top: var(--spacing-0);
}
.info-field__actions[data-v-10c8be4a] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: var(--spacing-0);
}
.info-field__value.copy-element[data-v-10c8be4a]:hover .copy-btn {
  transform: none;
}
.info-field__checkbox[data-v-10c8be4a] {
  margin-top: var(--spacing-0);
}
.info-field__editor[data-v-10c8be4a] {
  max-width: 100%;
  min-width: 0;
}
.info-field__editor .info-field__text[data-v-10c8be4a],
.info-field__editor .info-field__link[data-v-10c8be4a] {
  display: block;
}
.info-field__editor--editable[data-v-10c8be4a] {
  flex: 1;
}
.info-field__editor--editable .info-field__text[data-v-10c8be4a]:not(.info-field__text--multiline) {
  padding: 6px var(--spacing-0);
}
.info-field__editor[data-v-10c8be4a] .floating-actions {
  z-index: 2;
}
.info-field__text[data-v-10c8be4a], .info-field__link[data-v-10c8be4a] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-field__text--multiline[data-v-10c8be4a] {
  overflow: visible;
  text-overflow: unset;
  white-space: pre-wrap;
  word-break: break-word;
}
.info-field__link[data-v-10c8be4a] {
  color: var(--colors-common-text-standard-default);
}
.info-field__link[data-v-10c8be4a]:hover {
  text-decoration: underline;
}
.info-field__action[data-v-10c8be4a] {
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  text-align: left;
}
.info-field__add[data-v-10c8be4a] {
  align-items: center;
  color: var(--colors-common-text-standard-disabled);
  display: inline-flex;
  gap: var(--spacing-0);
  padding: 6px var(--spacing-0);
}
.info-field__editor:hover .info-field__add[data-v-10c8be4a] {
  color: var(--colors-common-text-subtle-hover);
}
.info-field__empty[data-v-10c8be4a] {
  color: var(--colors-common-text-standard-disabled);
}
.info-field__score[data-v-10c8be4a] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.info-field__score-row[data-v-10c8be4a] {
  align-items: center;
  display: flex;
  gap: var(--spacing-0);
}

.info-section-card[data-v-ac58382f] .compass-accordion__content:has(.floating-actions) {
  overflow: visible;
}
.info-section-card__grid[data-v-ac58382f] {
  display: grid;
  gap: var(--spacing-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.info-section-card__grid--secondary[data-v-ac58382f] {
  border-top: 1px solid var(--colors-common-border-lighter);
  margin-top: var(--spacing-3);
  padding-top: var(--spacing-3);
}
@media (max-width: 960px) {
.info-section-card__grid[data-v-ac58382f] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.info-section-card__grid[data-v-ac58382f] {
    grid-template-columns: 1fr;
}
}

.info-marketing-card__title[data-v-36ec54c2] {
  margin: 0 0 var(--spacing-1);
}
.info-marketing-card__grid[data-v-36ec54c2] {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3);
  align-items: start;
}
.info-marketing-card__grid--two-columns[data-v-36ec54c2] {
  grid-template-columns: 2fr 1fr;
}
.info-marketing-card__subscription[data-v-36ec54c2] {
  display: flex;
  flex-direction: column;
}
.info-marketing-card__text[data-v-36ec54c2] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
}
.info-marketing-card__subscription .info-marketing-card__text[data-v-36ec54c2] {
  margin-bottom: var(--spacing-3);
}
.info-marketing-card__switches[data-v-36ec54c2] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
}
.info-marketing-card__sync[data-v-36ec54c2] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
}
.info-marketing-card__sync--separated[data-v-36ec54c2] {
  border-top: 1px solid var(--colors-common-border-lighter);
  margin-top: var(--spacing-3);
  padding-top: var(--spacing-3);
}
.info-marketing-card__logs[data-v-36ec54c2] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-1);
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
  padding: var(--spacing-2);
}
@media (max-width: 600px) {
.info-marketing-card__grid--two-columns[data-v-36ec54c2] {
    grid-template-columns: 1fr;
}
}

.third-field-report-modal__replacement[data-v-3b092c9d] {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing-2);
  margin-top: var(--spacing-2);
}
.third-field-report-modal__column[data-v-3b092c9d] {
  flex: 1;
  min-width: 0;
}
.third-field-report-modal__arrow[data-v-3b092c9d] {
  align-items: center;
  color: var(--colors-common-text-standard-default);
  display: flex;
  flex-shrink: 0;
  margin-top: var(--spacing-4);
  min-height: var(--spacing-5);
}
.third-field-report-modal__message[data-v-3b092c9d] {
  display: block;
  margin-top: var(--spacing-3);
}
.third-field-report-modal__value[data-v-3b092c9d] {
  align-items: center;
  color: var(--colors-common-text-standard-default);
  display: flex;
  min-height: var(--spacing-5);
  overflow-wrap: break-word;
}
.third-field-report-modal__textarea[data-v-3b092c9d] textarea {
  height: 110px;
}

.tab-informations-third-v2-layout[data-v-3b9e0cb7] {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.tab-informations-third-v2[data-v-3b9e0cb7] {
  display: flex;
  flex-direction: column;
  padding-bottom: var(--spacing-4);
}

.input-with-select.el-input.el-input-group .el-input-group__append .el-select {
  margin: 0;
}
.input-with-select.el-input.el-input-group .el-input__inner {
  height: auto;
}
.input-with-select.el-input.el-input-group .el-input-group__append {
  color: #8c909c;
  width: 100px;
}

.well > .flex-level[data-v-9c1cdea0] {
  gap: 16px;
}
section[data-v-9c1cdea0]:last-child {
  margin-top: 2px;
}
.input-half[data-v-9c1cdea0] {
  width: 50%;
  max-width: 220px;
}
.select-error[data-v-9c1cdea0] .compass-input {
  border-color: #ff6060;
}
.amount-group[data-v-9c1cdea0]  .input-with-select .el-input-group__append {
  background-color: #ffffff;
  color: #111111;
  padding: 0 2px 0 0;
}
.amount-group[data-v-9c1cdea0]  .input-with-select .el-input.is-focus .el-input__inner {
  border-color: transparent !important;
}
.amount-group[data-v-9c1cdea0]  .input-with-select .el-select__caret {
  font-size: 17px;
  font-weight: 600;
}
.amount-group[data-v-9c1cdea0]  .input-with-select .el-select__caret.is-reverse {
  transform: rotate(180deg);
}

.well[data-v-f174f747] {
  gap: 16px;
}
section[data-v-f174f747]:last-child {
  margin-top: 2px;
}
.pref-dunning[data-v-f174f747]:not(:last-child) {
  margin-bottom: 16px;
}

.overview__general-info[data-v-5b20becb] {
  flex: 1 0 auto;
}

.copy-btn[data-v-34776240] {
  display: inline-block;
  transform: translateX(-100%);
  opacity: 0;
  transition: all 0.3s linear;
}
.copy-element:hover .copy-btn[data-v-34776240] {
  transform: translateX(0);
  opacity: 1;
  color: #111111;
  cursor: pointer;
}
.copy-element:hover .copy-btn[data-v-34776240]:hover {
  color: #4868fd;
}

.address-card.disabled[data-v-54e5a332] {
  color: #8c909c;
}
.address-card.active[data-v-54e5a332]:hover {
  border-color: #111111;
  cursor: pointer;
}
.address-card.selected[data-v-54e5a332] {
  border-color: #4868fd;
  border-width: 2px;
}

.jawg-map {
  width: 100%;
}

.address-map .dialog__default {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
}
.address-map .dialog__default--formcontainer {
  width: 304px;
  margin-right: 16px;
}
.address-map .dialog__default--map {
  width: 100%;
  height: 600px;
}

.address-card[data-v-99a0f3c5] {
  background-color: var(--colors-common-background-default);
  border-radius: var(--spacing-0);
  box-shadow: var(--elevation-1);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  padding: var(--spacing-3);
}
.address-card p[data-v-99a0f3c5],
.address-card h3[data-v-99a0f3c5] {
  margin: 0;
}
.address-card__header[data-v-99a0f3c5] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.address-card__switch-container[data-v-99a0f3c5] {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.address-card__switch-container[data-v-99a0f3c5] .compass-switch > label {
  justify-content: flex-end;
}
.address-card__switch-container[data-v-99a0f3c5] .compass-tooltip {
  display: inline-flex;
  gap: var(--spacing-1);
}

.tab-addresses__list-addresses {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5);
}
.tab-addresses__list-addresses h4 {
  margin-top: 0;
}
.address-card-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

.routing-addresses-loading[data-v-017b6690] {
  margin-top: var(--spacing-1);
}
.routing-addresses-loading__inner[data-v-017b6690] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.routing-addresses-loading__header[data-v-017b6690] {
  width: 60%;
}
.routing-addresses-loading__footer[data-v-017b6690] {
  width: 30%;
}

.routing-addresses-empty[data-v-15356b50] {
  margin-top: var(--spacing-4);
}

.routing-addresses-empty[data-v-24309bdb] {
  margin-top: var(--spacing-4);
}

.routing-address-card[data-v-9b21d3a6] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.routing-address-card__header[data-v-9b21d3a6] {
  align-items: center;
  display: flex;
  gap: var(--spacing-2);
}
.routing-address-card__code[data-v-9b21d3a6] {
  margin: 0;
  word-break: break-all;
}
.routing-address-card__switch[data-v-9b21d3a6] {
  width: fit-content;
}

.routing-addresses-list[data-v-180dbc23] {
  margin-top: var(--spacing-1);
}

.tab-routing-addresses__title[data-v-2689468e] {
  align-items: center;
  display: inline-flex;
  gap: var(--spacing-2);
}


.overflow-initial[data-v-6b8d3f51] {
        overflow-y: initial;
}


.stat-list-card__tooltip {
  min-width: 0;
}
.stat-list-card__tooltip-item {
  max-width: 320px;
}
.stat-list-card__tooltip .compass-tooltip {
  max-width: 100%;
}

.tab-statistics__header[data-v-f08a1ae0] {
  margin-bottom: var(--spacing-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-statistics__container-select[data-v-f08a1ae0] {
  display: flex;
  gap: var(--spacing-3);
  align-items: flex-end;
}
.stat-card[data-v-f08a1ae0] {
  width: calc(50% - 16px);
  margin-bottom: 32px;
}
.stat-card[data-v-f08a1ae0]:nth-child(even) {
  margin-left: 16px;
}
.stat-card[data-v-f08a1ae0]:nth-child(odd) {
  margin-right: 16px;
}

.tab-listing[data-v-7788be71] {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--spacing-4) 0 0;
}

#listing-v1 > header {
  display: none;
}
#listing-v1 .listingTools .export {
  display: none;
}
#listing-v1 #massmailingContactProfile h3 {
  display: none;
}

#listing-v1 > header {
  display: none;
}
#listing-v1 #massmailingContactProfile h3 {
  display: none;
}

.account-card p {
  margin: 0;
}

.line2slots .title[data-v-9b31a45a] {
  font-size: 17px;
  font-weight: 700;
  color: #111111 !important;
}
.line2slots .subtitle[data-v-9b31a45a] {
  font-weight: 600;
  color: #111111 !important;
}

.cart-item-hover[data-v-5a2f4226]:hover {
  background: #edf0ff;
}
.cart-item-done[data-v-5a2f4226] {
  background: #f6f6f9;
}

.well + .well[data-v-f092976a] {
  margin-top: 8px;
}

.no-invoicing-data[data-v-a608c460] {
  margin: 0 0 var(--spacing-3);
}

.ai-content-list[data-v-99f9f98b] {
  border-left: 6px solid var(--colors-common-border-lighter);
  padding: 0 0 0 10px;
}
.ai-content-list--margin[data-v-99f9f98b] {
  margin: 0 0 var(--spacing-3);
}

.ai-client-content__key-dates h4[data-v-b9b889f6] {
  margin: 0;
}
.ai-client-content__key-dates ul[data-v-b9b889f6] {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ai-client-content__total-purchase-amount[data-v-b9b889f6] {
  margin: 0;
}

.ai-document-content h4[data-v-fd1aa1d7] {
  margin: 0;
}
.ai-document-content ul[data-v-fd1aa1d7] {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ai-sales-content h4[data-v-fc403569] {
  margin: 0;
}
.ai-sales-content ul[data-v-fc403569] {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ai-sales-content p[data-v-fc403569] {
  margin: 0 0 var(--spacing-3);
}
.ai-sales-content p[data-v-fc403569]:last-child {
  margin-bottom: 0;
}
.ai-sales-content__purchase-recap[data-v-fc403569] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  display: flex;
  gap: var(--spacing-3);
  justify-content: flex-start;
  margin: 0;
  padding: 0 0 var(--spacing-3);
}
.ai-sales-content__purchase-recap--has-margin[data-v-fc403569] {
  margin-bottom: var(--spacing-3);
}
.ai-sales-content__yearly-recap[data-v-fc403569] {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--spacing-0);
}
.ai-sales-content__year[data-v-fc403569] {
  color: var(--colors-common-text-standard-caption);
  display: flex;
  gap: var(--spacing-0);
}
.ai-sales-content__yearly-amount[data-v-fc403569] {
  margin: 0;
}

.ai-interactions-content__item + .ai-interactions-content__item[data-v-2ab601f2] {
  border-top: 1px solid var(--colors-common-border-lighter);
  margin-top: var(--spacing-3);
  padding: var(--spacing-3) 0 0;
}
.ai-interactions-content__item-header[data-v-2ab601f2] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  margin: 0 0 var(--spacing-1);
}
.ai-interactions-content__item-summary[data-v-2ab601f2] {
  margin: 0 0 var(--spacing-1);
}
.ai-interactions-content__item-date[data-v-2ab601f2] {
  align-items: center;
  color: var(--colors-common-text-standard-caption);
  display: flex;
  gap: var(--spacing-1);
}

.ai-recommendations-content ol[data-v-56dcbf55] {
  counter-reset: item;
  list-style: none;
  margin: 0;
}
.ai-recommendations-content__item + .ai-recommendations-content__item[data-v-56dcbf55] {
  border-top: 1px solid var(--colors-common-border-lighter);
  margin-top: var(--spacing-3);
  padding: var(--spacing-3) 0 0;
}
.ai-recommendations-content__item-title[data-v-56dcbf55]:before {
  counter-increment: item;
  content: counter(item) " - ";
}
.ai-recommendations-content__item-title[data-v-56dcbf55] {
  margin: 0 0 var(--spacing-1);
}

.ai-summary-card[data-v-9bed8dcf] {
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-4);
  padding: var(--spacing-4);
}
.ai-summary-card__header[data-v-9bed8dcf] {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
  margin: 0 0 var(--spacing-3);
}
.ai-summary-card__title[data-v-9bed8dcf] {
  margin: 0;
}

.ai-summary__header-actions[data-v-d276b002] {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
}
.ai-summary__generation-information[data-v-d276b002] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.ai-summary__remaining-quota[data-v-d276b002] {
  align-items: center;
  color: var(--colors-common-text-standard-caption);
  display: flex;
  gap: var(--spacing-0);
}
.ai-summary__remaining-quota--has-divider[data-v-d276b002] {
  border-left: 1px solid var(--colors-common-border-lighter);
  padding-left: calc(var(--spacing-1) - 1px);
}
.ai-summary__remaining-quota[data-v-d276b002]  .compass-feature-badge,
.ai-summary__remaining-quota[data-v-d276b002]  > .compass-icon {
  flex-shrink: 0;
}
.ai-summary__loading-animation[data-v-d276b002] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 160px 0;
}
.ai-summary__loading-animation-word-list[data-v-d276b002] {
  animation: fade-in-down-d276b002 3s ease-in-out infinite;
  color: var(--colors-sellsy-ai-20);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  padding: 20px 0;
}
.ai-summary__lottie[data-v-d276b002] {
  width: 69px;
}
.ai-summary__timestamp[data-v-d276b002] {
  align-items: center;
  color: var(--colors-common-text-standard-caption);
  display: flex;
  gap: var(--spacing-1);
}
.ai-summary__timestamp p[data-v-d276b002] {
  margin: 0;
}
.ai-summary__content[data-v-d276b002] {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 30px 0 0;
  text-align: center;
}
.ai-summary__content-wrapper[data-v-d276b002] {
  margin: 0 auto;
  max-width: 1400px;
}
.ai-summary__content-title[data-v-d276b002] {
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0 0 var(--spacing-3);
  max-width: 600px;
}
.ai-summary__content-description[data-v-d276b002] {
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0;
  max-width: 600px;
}
.ai-summary__content img[data-v-d276b002] {
  display: block;
  height: auto;
  max-width: 100%;
  margin-top: var(--spacing-5);
}
.ai-summary__content-grid[data-v-d276b002] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}
.ai-summary__content-column[data-v-d276b002] {
  display: flex;
  flex-direction: column;
  flex: 1 0 300px;
  gap: var(--spacing-3);
}
.ai-summary__footer[data-v-d276b002] {
  border-top: 1px solid var(--colors-common-border-lighter);
  display: flex;
  justify-content: center;
  margin: var(--spacing-3) 0 0;
  padding: 15px 0 0;
}
.ai-summary__feedback[data-v-d276b002] {
  align-items: center;
  color: var(--colors-sellsy-grayscale-80);
  display: flex;
  gap: var(--spacing-0);
  padding: var(--spacing-0) var(--spacing-1);
}
.ai-summary__feedback-label[data-v-d276b002] {
  margin: 0 var(--spacing-0) 0 0;
}
.slide-up-enter-active[data-v-d276b002] {
  animation: slide-up-d276b002 400ms;
}
@keyframes slide-up-d276b002 {
0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
}
100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}
@keyframes fade-in-down-d276b002 {
0% {
    opacity: 0;
    transform: translateY(-20px);
}
33% {
    opacity: 1;
    transform: translateY(0);
}
66% {
    opacity: 1;
    transform: translateY(0);
}
100% {
    opacity: 0;
    transform: translateY(20px);
}
}

.step-container[data-v-f22bfe6a] {
  width: 720px;
}
.step-container .step-container-table[data-v-f22bfe6a] {
  overflow: scroll;
  max-height: 300px;
}

.bank-form-slider .has-error input {
  border-color: #f06868;
}
.bank-form-slider .error-msg {
  color: #f06868;
}
.bank-form-slider .el-input__prefix,
.bank-form-slider .el-input__suffix {
  top: -5px;
}
.bank-form-slider #retention {
  width: 220px;
  padding: 0 30px;
}
#compass-menu-container .bank-form__menu {
  z-index: 1001;
}

.upload-container[data-v-d88f9f10] {
  border: 1px #dae2e6 solid;
  border-style: dashed;
  height: 96px;
}
.upload-container .upload-item[data-v-d88f9f10] {
  width: 200px;
  margin: auto;
  text-align: center;
}


.error[data-v-cf9d5dcd] {
    background-color: #f67d8c !important;
    color: white;
}
.selectable-line[data-v-cf9d5dcd] {
    height: 48px;
}



.fs-131[data-v-1f9c1851] {
    font-size: 131px;
}



.big-item-list {
    overflow-y: auto;
}

/* Mirrors .form-label metrics (4px vertical padding around a 16px line) so the
   icon lines up with the section title instead of the line-box baseline. */
.checkbox2lvl-filter__tooltip {
    display: inline-flex;
    margin-left: var(--spacing-0);
    padding: var(--spacing-0) 0;
    vertical-align: top;
}


.time-filter .time-filter__timepicker .el-range__icon {
  line-height: initial;
}
.time-filter .time-filter__timepicker .el-range__close-icon {
  line-height: initial;
}
.time-filter .time-filter__timepicker .el-range-separator {
  height: auto;
}

.date-filter[data-v-f8e5ec2d] .el-date-editor .el-range-separator {
  height: auto;
}
.el-picker-panel__body[data-v-f8e5ec2d] {
  margin-left: 0px !important;
}

.filter-with-without-type .el-cascader__tags .el-tag.el-tag--info.el-tag--small.el-tag--light {
  color: #111111;
  background-color: #edf0ff;
}
.filter-with-without-type .el-cascader__tags .el-tag.el-tag--info.el-tag--small.el-tag--light .el-tag__close.el-icon-close {
  background-color: #ccccd1;
}
.el-popper.el-cascader__dropdown.custom-dropdown {
  box-shadow: 0 0 12px rgba(17, 17, 17, 0.24);
  border-radius: 6px;
  margin-top: 4px !important;
}
.el-popper.el-cascader__dropdown.custom-dropdown .el-select-dropdown__list {
  padding: 8px 0;
}
.el-popper.el-cascader__dropdown.custom-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  border-radius: 4px;
  margin: 0 8px;
  padding: 0 8px;
}
.el-popper.el-cascader__dropdown.custom-dropdown .el-cascader-panel .el-scrollbar.el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap {
  color: #111111;
  height: auto;
}
.el-popper.el-cascader__dropdown.custom-dropdown .el-cascader-panel .el-scrollbar.el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap .el-cascader-node:hover {
  background: #edf0ff;
}

.listing-filter__title[data-v-5030503e] {
  margin: 0 0 var(--spacing-3);
}
.listing-filter__form[data-v-5030503e] {
  margin: 0;
}
.listing-filter__actions[data-v-5030503e] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  margin: var(--spacing-4) 0 0;
}
.filter-subcontainer[data-v-5030503e] {
  max-height: 100%;
  display: contents;
}

.favorite-item[data-v-087a8b05] {
  align-items: center;
  border-radius: var(--spacing-0);
  cursor: pointer;
  display: flex;
  hyphens: auto;
  padding: 0 var(--spacing-0) 0 0;
  word-break: break-all;
}
.favorite-item__name[data-v-087a8b05] {
  flex: 1;
  padding: var(--spacing-0);
}
.favorite-itemSettings[data-v-087a8b05] {
  display: none;
  z-index: 10000;
}
.favorite-item[data-v-087a8b05]:hover {
  background-color: var(--colors-common-background-hover);
}
.favorite-item[data-v-087a8b05]:hoverSettings {
  display: block;
}
.favorite-item.no-settingsSettings[data-v-087a8b05] {
  display: none;
}
.dropdown-shortcut[data-v-087a8b05] {
  min-width: 220px;
}
.dropdown-shortcut .to-shortcut[data-v-087a8b05] {
  display: flex;
}

.filters-pane-list[data-v-5336a2a6] {
  margin: 0;
}
.filters-pane-list__item[data-v-5336a2a6] {
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-subtle-default);
  cursor: pointer;
  padding: var(--spacing-0);
}
.filters-pane-list__item[data-v-5336a2a6]:hover {
  background: var(--colors-common-background-hover);
  color: var(--colors-common-text-subtle-hover);
}
.filters-pane-list__item--is-active[data-v-5336a2a6] {
  cursor: default;
}
.filters-pane-list__item-caption[data-v-5336a2a6] {
  color: var(--colors-common-text-standard-caption);
  display: block;
  margin: -4px 0 0;
}

.filters-pane__header[data-v-da676d79] {
  align-items: center;
  display: flex;
  padding: var(--spacing-3);
}
.filters-pane__title[data-v-da676d79] {
  flex: 1;
  margin: 0;
}
.filters-pane__favorites[data-v-da676d79] {
  padding: 0 var(--spacing-3) var(--spacing-1);
}
.filters-pane__favorites-header[data-v-da676d79] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.filters-pane__favorites-title[data-v-da676d79] {
  margin: 0;
}
.filters-pane__favorites-list[data-v-da676d79] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  margin: var(--spacing-0) 0;
  padding: 0 var(--spacing-3) var(--spacing-1);
}
.filters-pane__content[data-v-da676d79] {
  padding: var(--spacing-3);
}
.filters-pane__content--no-border[data-v-da676d79] {
  border-top: none;
}
.filters-pane__input[data-v-da676d79] {
  width: 100%;
}
.filters-pane__list[data-v-da676d79] {
  padding: var(--spacing-3) 0 0;
}
.filters-pane__list--empty[data-v-da676d79] {
  color: var(--colors-common-text-standard-caption);
  margin: 0;
}
.filters-pane__list--custom[data-v-da676d79] {
  padding: var(--spacing-3) 0 0;
}
.filters-pane__list-title[data-v-da676d79] {
  margin: 0 0 var(--spacing-1);
}
.filters-pane__active-filters-header[data-v-da676d79] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing-3);
}
.filters-pane__active-filters-title[data-v-da676d79] {
  margin: 0;
}
.filters-pane__active-filters-list[data-v-da676d79] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  margin: 0;
}
.filters-pane__active-filters-list[data-v-da676d79] .compass-tag-interactive {
  width: 100%;
}
.filters-pane__active-filters-list[data-v-da676d79] .compass-tag-interactive .compass-icon-button {
  margin-left: auto;
}
.filters-pane__apply[data-v-da676d79] {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  margin: var(--spacing-3) 0 0;
}
.filters-pane__shared-favorites-list[data-v-da676d79] {
  margin: 0;
}
.filters-pane[data-v-da676d79] .compass-tabs__container {
  overflow: hidden;
  padding-top: var(--spacing-3);
}
.filters-pane[data-v-da676d79] .compass-tag-interactive {
  cursor: pointer;
}

.filters-preview[data-v-2c7815cc] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  list-style-type: none;
  margin: 0;
  padding: 2px 0 0;
}
.filters-preview__tag[data-v-2c7815cc] {
  cursor: pointer;
}
.filters-preview__tag--no-close[data-v-2c7815cc] .compass-icon-button {
  display: none;
}

.modal .overlay[data-v-51f1edc2] {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal .modal-content[data-v-51f1edc2] {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50px;
  left: calc(50% - 404px);
  z-index: 1000;
  width: 800px;
  min-height: 400px;
  max-height: 600px;
}
.modal .modal-content .modal-header[data-v-51f1edc2] {
  position: relative;
  border-bottom: 1px solid #f6f6f9;
}
.modal .modal-content .modal-header .close[data-v-51f1edc2] {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: Opx;
  font-size: 32px;
  color: #f6f6f9;
}
.modal .modal-content .modal-body[data-v-51f1edc2] {
  flex: 1 0 auto;
  align-items: stretch;
  align-content: stretch;
  max-height: 440px;
}
.modal .modal-content .modal-footer[data-v-51f1edc2] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modal.confirm .modal-header[data-v-51f1edc2] {
  border-bottom: none;
  text-align: center;
}
.modal.confirm .modal-header .close[data-v-51f1edc2] {
  display: none;
}
.modal.confirm .modal-content[data-v-51f1edc2] {
  min-height: auto;
  width: 420px;
  left: calc(50% - 210px);
  padding: 32px;
  font-size: 14px;
  text-align: center;
}
.modal.confirm .modal-footer[data-v-51f1edc2] {
  margin-top: 24px;
}

.modal-body[data-v-2421abd1]::after {
  display: block;
  content: " ";
  width: 1px;
  height: 100%;
  background-color: #f6f6f9;
  position: absolute;
  left: 50%;
  top: 0;
}
.favoriteFilters[data-v-2421abd1] {
  height: 412px;
  overflow: scroll;
}
.listing-favorite-form__filter-item[data-v-2421abd1] {
  word-break: break-word;
  overflow-wrap: break-word;
}

.displaysettings {
  width: 520px;
  z-index: 100;
  transition: 300ms;
}
.displaysettings__footer {
  align-items: center;
  display: flex;
  gap: var(--spacing-2);
  justify-content: flex-end;
  padding: var(--spacing-3) 0 0;
}
.column-list-container {
  height: 280px;
}
.column-list-container.with-searchbar {
  height: 228px;
}
.column-list-container :not(:has(.saas-item--draggable.sortable-ghost)) .itm-column:hover {
  background-color: #edf0ff;
}
.column-list-container :not(:has(.saas-item--draggable.sortable-ghost)) .itm-column:hover:before {
  font-family: "icomoon" !important;
  content: "\e96c";
  position: absolute;
  top: 4px;
  left: 2px;
  cursor: pointer;
  color: #8c909c;
}
.column-list-container :not(:has(.saas-item--draggable.sortable-ghost)) .itm-column:hover .close-btn {
  display: block;
}
.itm-column {
  position: relative;
  border-radius: var(--spacing-0);
}
.itm-column .close-btn {
  display: none;
}
.itm-column.sortable-drag {
  background: #ffffff;
  border: 1px solid #ccccd1;
  border-radius: var(--spacing-0);
  box-shadow: 0 0 var(--spacing-0) 0 rgba(17, 17, 17, 0.2);
}
.itm-column.sortable-ghost {
  background-color: #f6f6f9;
  text-indent: -1000;
}
.columns_list {
  height: 236px;
  overflow-y: auto;
  margin: 0px;
}
.search_input {
  padding-right: 26px !important;
}
.search_clear {
  position: absolute;
  top: 10px;
  right: 8px;
}

.displaysettings[data-v-d5581ef9] {
  width: 320px;
}

.displaysettings[data-v-0289f14a] {
  width: 592px;
}

.listingDropdown__label[data-v-a441469c] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
}
.listingDropdown__chip[data-v-a441469c] {
  display: inline-block;
  width: var(--spacing-1);
  height: var(--spacing-1);
  margin-right: var(--spacing-1);
  border-radius: 50%;
}
.listingDropdown__chip--primary[data-v-a441469c] {
  background-color: var(--colors-common-background-primary-default);
}
.listingDropdown__chip--secondary[data-v-a441469c] {
  background-color: var(--colors-common-text-standard-caption);
}
.listingDropdown__chip--error[data-v-a441469c] {
  background-color: var(--colors-common-background-alert-default);
}
.listingDropdown__loader[data-v-a441469c] {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}
.listingDropdown__header[data-v-a441469c] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-right: var(--spacing-3);
}
.listingDropdown__headerTitle[data-v-a441469c] {
  padding: var(--spacing-2) var(--spacing-3);
}
.listingDropdown__item[data-v-a441469c] {
  border-top: 1px solid var(--colors-common-border-lighter);
}
.listingDropdown__row[data-v-a441469c] {
  position: relative;
  padding: var(--spacing-1) var(--spacing-3);
}
.listingDropdown__row--primary[data-v-a441469c]::before, .listingDropdown__row--error[data-v-a441469c]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--spacing-0);
  height: 85%;
  border-radius: var(--spacing-0);
  transform: translateY(-50%);
}
.listingDropdown__row--primary[data-v-a441469c]::before {
  background-color: var(--colors-common-background-primary-default);
}
.listingDropdown__row--error[data-v-a441469c]::before {
  background-color: var(--colors-common-background-alert-default);
}
.listingDropdown__rowTitle[data-v-a441469c] {
  overflow: hidden;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.listingDropdown__rowMeta[data-v-a441469c] {
  color: var(--colors-common-text-standard-caption);
}
.listingDropdown__rowMeta--error[data-v-a441469c] {
  color: var(--colors-common-text-alert-default);
}

.pipeline-card__show-more[data-v-6af58b42] {
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: var(--colors-common-icon-neutral);
}
.pipeline-card__panel[data-v-6af58b42] {
  position: absolute;
  top: 16px;
  right: 16px;
}

.opp-container[data-v-6af58b42] {
  padding-left: 12px;
}
.opp-owner[data-v-6af58b42] {
  margin-bottom: 20px;
}

.step_container[data-v-729413b9] {
  width: 300px;
  border-right: 1px solid #ddd;
  padding: 4px 8px;
  display: flex;
  flex-direction: column;
}
.step_container .opportunityList[data-v-729413b9] {
  overflow: hidden;
}
.stepCell[data-v-729413b9] {
  flex: 1;
  overflow-y: auto;
}
.dragArea[data-v-729413b9] {
  min-height: 100px;
}

.steps-container[data-v-d5d0af0e] {
  flex: 1;
  display: flex;
  align-items: stretch;
}

.slide-fade-enter-active[data-v-6fa21343],
.slide-fade-leave-active[data-v-6fa21343] {
  transition: all 300ms ease;
}
.slide-fade-enter[data-v-6fa21343],
.slide-fade-leave-to[data-v-6fa21343] {
  transform: translateY(-100%);
  opacity: 0;
}
.xslide-fade-enter-active[data-v-6fa21343],
.xslide-fade-leave-active[data-v-6fa21343] {
  transition: all 300ms ease;
}
.xslide-fade-enter[data-v-6fa21343],
.xslide-fade-leave-to[data-v-6fa21343] {
  transform: translateX(-100%);
  flex: 0;
  opacity: 0;
}
.fade-enter-active[data-v-6fa21343], .fade-leave-active[data-v-6fa21343] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-6fa21343], .fade-leave-to[data-v-6fa21343] {
  opacity: 0;
}
.pipeline-opportunity__header[data-v-6fa21343] {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
}
.flex-row .leftpane[data-v-6fa21343] {
  width: 280px;
}
.listingContent[data-v-6fa21343] {
  display: flex;
  flex: 1;
}
.pipeline-listing__view-switch[data-v-6fa21343] {
  margin-left: var(--spacing-1);
}

.edit-simple-date[data-v-95cc03d4] {
  position: relative;
}
.edit-simple-date--editable[data-v-95cc03d4] {
  cursor: pointer;
}
.edit-simple-date--editable .edit-simple-date__value[data-v-95cc03d4]:before {
  content: "";
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 2px;
  bottom: 0;
  display: none;
  left: -4px;
  position: absolute;
  right: -4px;
  top: 0;
}
.edit-simple-date--editable .edit-simple-date__value[data-v-95cc03d4]:hover:before {
  display: block;
}
.edit-simple-date--editable .edit-simple-date__value--placeholder[data-v-95cc03d4]:hover {
  color: var(--colors-common-text-subtle-hover);
}
.edit-simple-date__value[data-v-95cc03d4] {
  align-items: center;
  display: flex;
  gap: var(--spacing-0);
  min-height: 32px;
}
.edit-simple-date__value--placeholder[data-v-95cc03d4] {
  color: var(--colors-common-text-standard-disabled);
}
.edit-simple-date[data-v-95cc03d4]  .compass-datepicker .compass-input {
  min-width: 140px;
}
.edit-simple-date[data-v-95cc03d4]  .compass-datepicker .compass-input input {
  width: 10ch;
}

.pipeline-step__tooltip {
  color: var(--colors-common-text-contrast-caption);
}
.pipeline-step__tooltip strong {
  color: var(--colors-common-text-contrast-default);
}

.pipeline-step[data-v-5a05ec4c] {
  flex: 1;
  min-width: 0;
  padding: 0 0 0 6px;
  position: relative;
}
.pipeline-step--paginated[data-v-5a05ec4c] {
  flex: 0;
  min-width: initial;
}
.pipeline-step[data-v-5a05ec4c]  .compass-tooltip {
  display: block;
}
.pipeline-step[data-v-5a05ec4c]:before, .pipeline-step[data-v-5a05ec4c]:after {
  content: "";
  background-color: var(--colors-common-background-subtle);
  bottom: 0;
  clip-path: polygon(100% 0%, 100% 100%, 0 100%, 75% 50%, 0 0);
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 8px;
  z-index: 2;
}
.pipeline-step[data-v-5a05ec4c]:after {
  left: calc(100% - 2px);
  clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0% 100%, 0% 0%);
  width: 8px;
}
.pipeline-step__wrapper[data-v-5a05ec4c] {
  align-items: center;
  background-color: var(--colors-common-background-subtle);
  display: flex;
  justify-content: center;
  padding: var(--spacing-0) 2px;
}
.pipeline-step__label[data-v-5a05ec4c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pipeline-step--updateable[data-v-5a05ec4c] {
  cursor: pointer;
}
.pipeline-step--updateable:hover:not(.pipeline-step--selected) .pipeline-step__wrapper[data-v-5a05ec4c] {
  background-color: var(--colors-component-background-actionable-hover);
}
.pipeline-step--updateable[data-v-5a05ec4c]:hover:not(.pipeline-step--selected):before, .pipeline-step--updateable[data-v-5a05ec4c]:hover:not(.pipeline-step--selected):after {
  background-color: var(--colors-component-background-actionable-hover);
}
.pipeline-step--updateable:hover.pipeline-step--finished .pipeline-step__wrapper[data-v-5a05ec4c] {
  background-color: var(--colors-common-background-success-subtle);
  color: var(--colors-common-text-success-hover);
  justify-content: center;
}
.pipeline-step--updateable:hover.pipeline-step--finished[data-v-5a05ec4c]:before, .pipeline-step--updateable:hover.pipeline-step--finished[data-v-5a05ec4c]:after {
  background-color: var(--colors-common-background-success-subtle);
}
.pipeline-step--selected .pipeline-step__wrapper[data-v-5a05ec4c] {
  background-color: var(--colors-component-background-actionable-active-default);
  color: var(--colors-common-text-standard-on-color);
}
.pipeline-step--selected[data-v-5a05ec4c]:before, .pipeline-step--selected[data-v-5a05ec4c]:after {
  background-color: var(--colors-component-background-actionable-active-default);
}
.pipeline-step--finished .pipeline-step__wrapper[data-v-5a05ec4c] {
  background-color: var(--colors-common-background-success-subtle);
  color: var(--colors-common-text-success-default);
}
.pipeline-step--finished[data-v-5a05ec4c]:before, .pipeline-step--finished[data-v-5a05ec4c]:after {
  background-color: var(--colors-common-background-success-subtle);
}
.pipeline-step--first[data-v-5a05ec4c] {
  padding-left: 0;
}
.pipeline-step--first[data-v-5a05ec4c]:before {
  content: none;
}
.pipeline-step--last[data-v-5a05ec4c]:after {
  content: none;
}

.pipeline-stepper[data-v-38b833bd] {
  align-items: center;
  display: flex;
  flex: 1;
  gap: var(--spacing-1);
  min-width: 0;
}
.pipeline-stepper__pipeline[data-v-38b833bd] {
  border-radius: 2px;
  display: flex;
  flex: 1;
  gap: 2px;
  overflow: hidden;
}

header[data-v-53eaae06] {
  width: calc(100% + 56px);
}
.step-container[data-v-53eaae06] {
  max-width: 660px;
  margin: 0 auto;
}
.overview-header[data-v-53eaae06] {
  background: var(--colors-common-background-default);
  border-bottom: 1px solid var(--colors-common-border-lighter);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  justify-content: space-between;
  padding: var(--spacing-3) var(--spacing-4);
  transform: translate(-24px, -32px);
  width: calc(100% + 48px);
}
.overview-header__backlink[data-v-53eaae06] {
  display: flex;
  gap: var(--spacing-4);
  justify-content: space-between;
}
.overview-header__backlink[data-v-53eaae06]  .compass-link__label {
  font-size: var(--font-size-12);
  line-height: var(--line-heights-16);
}
.overview-header__title-and-info[data-v-53eaae06] {
  display: flex;
  gap: var(--spacing-4);
  justify-content: space-between;
}
.overview-header__info[data-v-53eaae06] {
  flex: 1;
  min-width: 0;
}
.overview-header__title-content[data-v-53eaae06] {
  margin: 0;
}
.overview-header__company-and-source[data-v-53eaae06] {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
  min-height: 28px;
}
.overview-header__company[data-v-53eaae06] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  flex-shrink: 0;
  max-width: 200px;
  overflow: hidden;
}
.overview-header__company[data-v-53eaae06]  .compass-link {
  overflow: hidden;
}
.overview-header__company[data-v-53eaae06]  .compass-link > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-header__pipeline[data-v-53eaae06] {
  color: var(--colors-common-text-subtle-default);
  overflow: hidden;
  white-space: nowrap;
}
.overview-header__pipeline[data-v-53eaae06]  .compass-tooltip {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overview-header__source[data-v-53eaae06], .overview-header__opportunity-id[data-v-53eaae06] {
  color: var(--colors-common-text-subtle-default);
  flex-shrink: 0;
}
.overview-header__pipeline-and-actions[data-v-53eaae06] {
  display: flex;
  gap: var(--spacing-4);
  justify-content: space-between;
}
.overview-header__step-container[data-v-53eaae06] {
  max-width: 765px;
}
.overview-header__data[data-v-53eaae06] {
  align-items: flex-start;
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-1);
}
.overview-header__status[data-v-53eaae06] {
  min-width: 140px;
}
.overview-header__end[data-v-53eaae06], .overview-header__potential[data-v-53eaae06] {
  min-width: 140px;
  z-index: 1;
}
.overview-header__potential-amount[data-v-53eaae06] {
  align-items: center;
  display: flex;
  min-height: 32px;
}
.overview-header__actions[data-v-53eaae06] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  flex-direction: row-reverse;
  gap: var(--spacing-1);
}
.status-select[data-v-53eaae06] {
  width: 100%;
}
.status-select[data-v-53eaae06]  .compass-select {
  width: 100%;
}

.opportunity-step-select .compass-dropdown-option--selected .opportunity-step-select__step,
.opportunity-step-select .compass-dropdown-option--selected .opportunity-step-select__step-probability {
  font-weight: 600;
}
.opportunity-step-select .opportunity-step-select__step--before, .opportunity-step-select .opportunity-step-select__step-probability {
  color: var(--colors-common-text-subtle-default);
}
.opportunity-step-select .opportunity-step-select__step-probability {
  flex-shrink: 0;
}
.opportunity-step-select .opportunity-step-select__step--current {
  color: var(--colors-common-text-primary-default);
}
.step-container .opp-step .el-step {
  padding-top: 0;
}
.step-container .opp-step .el-step .el-step__line {
  top: 4px;
}
.step-container .opp-step .el-step .el-step__icon {
  width: 10px;
  height: 10px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  border-color: inherit;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.step-container .opp-step .el-step .el-step__icon-inner {
  width: 6px;
  height: 6px;
}
.step-container .opp-step .el-step .el-step__head.is-process .el-step__icon-inner {
  background-color: var(--colors-component-background-actionable-active-default);
}
.step-container .opp-step .el-step .el-step__description.is-process {
  color: grey;
}
.step-container .opp-step .el-step:hover .el-step__head.is-wait .el-step__icon {
  border-color: var(--colors-sellsy-brand-primary-50-alpha100);
}
.step-container .opp-step .el-step:hover .el-step__head.is-wait .el-step__icon-inner {
  background-color: transparent;
}
.step-select .el-input .el-input__inner {
  border: none;
  text-align: center;
  padding-left: 30px;
}
.step-select .el-input .el-input__suffix .el-input__icon {
  color: var(--colors-common-text-standard-default);
}
.opp-date .el-date-editor.opp-date--picker {
  width: 166px;
}
.page-prospection-opportunities-overview .el-date-picker .available, .page-prospection-opportunities-overview .el-date-picker .available > div, .page-prospection-opportunities-overview .el-date-picker .available span {
  width: 40px;
  height: 40px;
}
.page-prospection-opportunities-overview .el-date-picker .available.current:hover {
  background-color: unset;
  border-radius: initial;
}
.page-prospection-opportunities-overview .el-date-picker .available:not(.current):hover {
  background: initial;
}
.page-prospection-opportunities-overview .el-date-picker .available:not(.current):hover span:after {
  content: "";
  width: 38px;
  height: 38px;
  border-radius: 50%;
  top: 0;
  left: 0;
  position: absolute;
  border: solid 1px var(--colors-common-border-default-hover);
}
.page-prospection-opportunities-overview .el-date-picker .available:not(.today):hover {
  color: initial !important;
}
#compass-menu-container .overview-header__menu {
  z-index: 100;
}

.tab__container .tab-header__container[data-v-79bd1e5b] {
  justify-content: space-between;
  text-align: left;
}
.tab__container .tab-list_container[data-v-79bd1e5b] {
  width: 696px;
  margin: 6px auto 0;
}
.tab__container .tab-list_container .tab-list_items > p[data-v-79bd1e5b] {
  line-height: 16px;
  text-align: left;
  font-weight: 600;
}
.tab__container .tab-list_container .tab-list_items > p > span[data-v-79bd1e5b] {
  width: 80px;
  margin-right: 16px;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper .tab-list--separator[data-v-79bd1e5b] {
  height: 16px;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper.is-active[data-v-79bd1e5b] {
  color: #8c909c;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper.is-active.is-current .tab-list_item[data-v-79bd1e5b] {
  background: #4868fd;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper.is-active.is-current .tab-list_item--left[data-v-79bd1e5b],
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper.is-active.is-current .tab-list_item[data-v-79bd1e5b] {
  color: #ffffff;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper.can-edit:not(.is-current) .tab-list_item:hover span[data-v-79bd1e5b] {
  cursor: default;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper.can-edit:not(.is-current) .tab-list_item[data-v-79bd1e5b]:hover {
  background: #edf0ff;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper.can-edit:not(.is-current) .tab-list_item[data-v-79bd1e5b]:hover,
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper.can-edit:not(.is-current) .tab-list_item:hover .tab-list_item--left[data-v-79bd1e5b] {
  color: #111111;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper .tab-list_item[data-v-79bd1e5b] {
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  height: 44px;
  font-size: 14px;
  border-radius: 4px;
}
.tab__container .tab-list_container .tab-list_items .tab-list__item--wrapper .tab-list_item--left[data-v-79bd1e5b] {
  width: 80px;
  color: #8c909c;
  font-weight: 600;
}
.tab-pipeline__automation-modal p[data-v-79bd1e5b] {
  margin: 0;
}


.data-label[data-v-10de4bf1] {
    display: flex;
    flex-direction: row;
    align-items: center;
}



.data-label[data-v-5b72c93a] {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.tab-document__title[data-v-72ec506f] {
  margin-bottom: 16px;
}
.tab-document__subtitle[data-v-72ec506f] {
  margin-top: 0;
  margin-bottom: 8px;
}
.tab-document__description[data-v-72ec506f] {
  margin-top: 0;
  margin-bottom: 16px;
}
.tab-document__table--main[data-v-72ec506f] {
  margin-bottom: 32px;
}
.tab-document__table--main.el-table[data-v-72ec506f] tr td, .tab-document__table--others.el-table[data-v-72ec506f] tr td {
  height: 40px;
  padding: 0;
}
.tab-document__table--main.el-table[data-v-72ec506f] tr td:first-child .cell .compass-button, .tab-document__table--others.el-table[data-v-72ec506f] tr td:first-child .cell .compass-button {
  white-space: nowrap;
}
.tab-document__table--main.el-table[data-v-72ec506f] tr td .cell, .tab-document__table--others.el-table[data-v-72ec506f] tr td .cell {
  padding-left: var(--spacing-3);
  padding-right: var(--spacing-3);
}
.tab-document__table--others.el-table[data-v-72ec506f] tr td:last-child .cell {
  text-overflow: unset;
}
.tab-document__table-item[data-v-72ec506f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tab-document__table-item:hover .tab-document__table-show-panel[data-v-72ec506f] {
  visibility: visible;
  opacity: 1;
}
.tab-document__table-show-panel[data-v-72ec506f] {
  flex-shrink: 0;
  margin-left: 5px;
  visibility: hidden;
  opacity: 0;
}

.listing-wrapper-loading-state__header[data-v-73cc869b] {
  width: 300px;
  margin-bottom: var(--spacing-4);
}

.listing-wrapper[data-v-82ff9098] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.listing-wrapper[data-v-82ff9098]:has(.listingBatchToolbar--new) {
  overflow: hidden;
}
.listing-wrapper__table-container[data-v-82ff9098] {
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 56px);
  background-color: var(--colors-common-background-default);
  border-radius: var(--spacing-0);
  padding: 0 var(--spacing-3);
  position: relative;
  transition: max-height 0.3s ease-in-out;
}
.listing-wrapper__table-container[data-v-82ff9098]:has(.listingBatchToolbar--new) {
  max-height: calc(100% - 56px - 64px - var(--spacing-4));
}
.listing-wrapper__table-container[data-v-82ff9098] .compass-table {
  height: 100%;
}
.listing-wrapper-settings-header__container[data-v-82ff9098] {
  display: flex;
  flex-direction: column;
}
.listing-wrapper-settings-header__pagination[data-v-82ff9098] {
  align-self: flex-end;
}

.listing-table-actions__filters-tag[data-v-233b787b] {
  cursor: pointer;
}
.listing-table-actions__filters-tag[data-v-233b787b]  span:not(.compass-tag-interactive__key-label) {
  max-width: 180px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listing-filter-checkbox__label[data-v-9ff4a448] {
  align-items: center;
  display: flex;
}
.listing-filter-checkbox__label .compass-avatar[data-v-9ff4a448] {
  margin-right: var(--spacing-1);
}

#compass-popover-container .listing-filter-popover-users {
  max-width: 260px;
}
#compass-popover-container .listing-filter-popover-users .compass-popover__content {
  padding: 0;
}
#compass-popover-container .listing-filter-popover-users__search {
  margin: var(--spacing-1) var(--spacing-1) var(--spacing-0) var(--spacing-1);
}
#compass-popover-container .listing-filter-popover-users__content {
  max-height: 321px;
  overflow-y: auto;
  padding: var(--spacing-1) var(--spacing-3);
}
#compass-popover-container .listing-filter-popover-users__content--options {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
#compass-popover-container .listing-filter-popover-users__content--options .compass-checkbox__no-label--medium > label {
  height: auto;
}
#compass-popover-container .listing-filter-popover-users .listing-filter-popover-users__applied-button-wrapper {
  border-top: 1px solid var(--colors-common-border-default);
  padding: var(--spacing-1);
}
#compass-popover-container .listing-filter-popover-users .listing-filter-popover-users__applied-button {
  background: var(--colors-common-background-default);
  border: none;
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-primary-default);
  cursor: pointer;
  padding: var(--spacing-1);
  text-align: start;
  width: 100%;
}
#compass-popover-container .listing-filter-popover-users .listing-filter-popover-users__applied-button:hover {
  background: var(--colors-component-background-actionable-hover);
}
#compass-popover-container .listing-filter-popover-users .listing-filter-popover-users__applied-button .compass-button__content {
  justify-content: start;
}

.activities-listing-export-menu.compass-menu__dropdown__container {
  z-index: 5;
}

.activities-listing-container[data-v-f5e6db76] {
  position: relative;
  height: 100%;
}

.report-filters .report-filters-mode {
  min-width: 176px;
}
.report-filters .report-filters-select .el-input__inner {
  padding-left: 12px;
}
.report-filters .report-filters-select .el-select__caret.el-input__icon.el-icon-arrow-up {
  color: #111111;
}
.report-filters .el-input__suffix {
  right: 6px;
}
.report-filters .report-filters-datepicker {
  width: auto;
}
.report-filters .report-filters-datepicker .el-date-editor.el-date-editor--daterange,
.report-filters .report-filters-datepicker .el-date-editor.el-range-editor {
  flex-wrap: wrap;
  padding: 0 12px;
}
.report-filters .report-filters-datepicker .el-input__icon.el-range__icon.el-icon-date {
  color: #111111;
  margin-left: 0;
  margin-right: 8px;
  width: auto;
}
.report-filters .report-filters-datepicker .el-range-input {
  width: 75px;
  padding: 0;
}
.report-filters .report-filters-datepicker .el-range-separator {
  height: 1px;
  width: 14px;
  padding: 0;
  margin: 0 8px;
  border-bottom: 1px solid #8c909c;
  color: transparent;
}
.report-filters .report-filters-datepicker .el-range__close-icon {
  display: none;
}

.report-activity-list .el-table__expand-icon.el-table__expand-icon--expanded {
  display: none !important;
}

.list-label[data-v-8e1c012b] {
  max-height: calc(99vh - 500px);
}
.vertical-bar-chart[data-v-8e1c012b] {
  max-height: calc(99vh - 330px);
}
.vertical-bar-chart .wrapper[data-v-8e1c012b] {
  display: grid;
  grid-template-columns: 24px 1fr;
  overflow-y: auto;
  gap: var(--spacing-1);
}
.vertical-bar-chart .wrapper[data-v-8e1c012b]::-webkit-scrollbar {
  background: #ffffff;
  width: 6px;
  display: block;
}
.vertical-bar-chart .wrapper[data-v-8e1c012b]::-webkit-scrollbar-thumb {
  background: #8c909c;
  border-radius: 6px;
}
.vertical-bar-chart .wrapper .bar-labels-avatars[data-v-8e1c012b] {
  margin-top: 34px;
  justify-content: space-around;
}
.vertical-bar-chart .wrapper .bar-labels-avatars .avatars-wrapper[data-v-8e1c012b] {
  width: 24px;
}


.horizontal-bar-chart-tool-tip {
    transform: translateX(-8.5%);
}


.chart-bar[data-v-a661625a] {
  min-height: 450px;
}

.upload-area .undrag .el-upload,
.upload-area .undrag .el-upload-dragger {
  cursor: default;
}
.upload-area .undrag .el-upload-dragger {
  border: none;
}
.upload-area .el-upload,
.upload-area .el-upload-dragger {
  width: 100%;
  max-height: 250;
  height: 100%;
}
.upload-area .fs-icon-dragndrop {
  font-size: 32px;
}
.upload-area .loader {
  position: relative;
  box-sizing: content-box;
  color: black;
  font-size: 12px;
  width: 1em;
  height: 1em;
}
.upload-area .loader-arrow--spin {
  animation: spin 1s linear infinite;
  border: 0.2em solid transparent;
  border-top-color: currentcolor;
  border-bottom-color: currentcolor;
  border-radius: 50%;
}
.upload-area .loader-arrow--spin:before, .upload-area .loader-arrow--spin:after {
  content: "";
  font-size: 1em;
  position: absolute;
  border: 0.3em solid transparent;
  transform: rotate(-45deg);
}
.upload-area .loader-arrow--spin:before {
  top: -0.075em;
  right: -0.375em;
  border-top-color: currentcolor;
}
.upload-area .loader-arrow--spin:after {
  bottom: -0.075em;
  left: -0.375em;
  border-bottom-color: currentcolor;
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.custom-table[data-v-ec85784d] table {
  background: var(--colors-common-background-default);
  border-radius: 4px;
  text-align: left;
  border-spacing: 0;
}
.custom-table[data-v-ec85784d] table td,
.custom-table[data-v-ec85784d] table th {
  border-bottom: 1px solid var(--colors-common-border-default);
  padding: 14px 16px;
}
.custom-table[data-v-ec85784d] table tbody tr:last-child td {
  border: none !important;
}

.popupAccountCodeEdit .dialog__default {
  padding-bottom: 24px;
}
.popupAccountCodeEdit .dialog__default .compass-select {
  width: 100%;
}
.popupAccountCodeEdit .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.popupAccountCodeEdit .el-input.is-disabled > input {
  background-color: #e9e9ec;
  border: 1px solid #ccccd1;
  color: #ccccd1;
}
.popupAccountCodeEdit .el-form-item.is-error.is-required {
  margin-bottom: 32px !important;
}
.el-select-dropdown.el-popper {
  margin-top: 4px !important;
}
.el-select-dropdown.el-popper .popper__arrow {
  display: none;
}
#compass-dropdown-container .select-account-code {
  z-index: 1001;
}

.listingvatAccountCode h1 {
  margin: 0 0 var(--spacing-5);
}
.listingvatAccountCode table {
  width: 100%;
}
.listingvatAccountCode table thead th {
  padding-left: 16px;
  white-space: pre-line;
}
.listingvatAccountCode table thead .doubleLineHeader {
  padding-bottom: 7px;
  padding-top: 7px;
}
.listingvatAccountCode table thead .singleLineHeader {
  padding-bottom: 14px;
  padding-top: 14px;
}
.listingvatAccountCode table .colActionIcon {
  padding: 8px 16px;
}
.listingvatAccountCode table .listingvatAccountCode__table-label {
  min-width: 333px;
  width: 20%;
}
.listingvatAccountCode table .listingvatAccountCode__table-tva {
  min-width: 94px;
}
.listingvatAccountCode table .listingvatAccountCode__table-code {
  min-width: 213px;
  width: 20%;
}

img[data-v-7506b248] {
  max-width: 560px;
}
h2[data-v-7506b248] {
  font-size: 32px;
  font-weight: 600;
}
p[data-v-7506b248] {
  font-size: 20px;
  font-weight: 400;
}

.trial-end-clock-content__container[data-v-74cd150a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-width: 920px;
  margin: 0 auto;
}
.trial-end-clock__container[data-v-74cd150a] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.header__wrapper[data-v-74cd150a] {
  margin: var(--spacing-1) var(--spacing-1) 0;
}
.header__wrapper .sellsy-logo[data-v-74cd150a] {
  color: var(--colors-component-background-illustration-brand-secondary-blue);
}
.content__wrapper[data-v-74cd150a] {
  display: flex;
  flex-direction: column;
  place-items: center;
  justify-content: center;
  gap: var(--spacing-4);
  margin-top: var(--spacing-5);
  color: var(--colors-common-text-standard-caption);
}
.content-subtitle__wrapper[data-v-74cd150a] {
  margin: 0;
  color: var(--colors-common-text-subtle-default);
}
.content-title[data-v-74cd150a] {
  margin: var(--spacing-5) 0 var(--spacing-3);
  width: max-content;
  color: var(--colors-common-text-brand-secondary-blue);
}

#sellsy_app #contentDiv:has(.trial-end-clock__container) {
  background-color: var(--colors-common-background-app);
}

.page-layout-settings[data-v-5b707bd7] {
  display: flex;
  gap: var(--spacing-4);
  padding: 0 0 var(--spacing-4);
}
.page-layout-settings__sidebar[data-v-5b707bd7] {
  flex-shrink: 0;
  width: 216px;
}
.page-layout-settings__content[data-v-5b707bd7] {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 0;
  width: 100%;
}

.settings-template[data-v-b37e9538] {
  margin-bottom: var(--spacing-4);
}

.esign-popup-provider .dialog__default {
  padding-bottom: 24px;
}
.esign-popup-provider .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.esign-popup-provider .flex-row.ai-center div .default-tag {
  border: none !important;
}
.esign-popup-provider .compass-tag {
  margin-left: var(--spacing-1);
}

.esign-settings-providers .provider-choices {
  border: 1px solid #ccccd1;
  border-radius: 4px;
}
.esign-settings-providers .provider-choices .label-provider {
  margin-top: 12px;
  margin-bottom: 12px;
}
.esign-settings-providers .provider-choices .el-button {
  padding: 2px 12px;
}
.esign-settings-providers .provider-choices .provider-informations {
  gap: 8px;
}
.esign-settings-providers .provider-choices .provider-informations .chip.label-chip {
  margin-left: 91px;
}
.esign-settings-providers .provider-choices .provider-informations .provider-icon {
  margin-top: 12px;
  margin-bottom: 12px;
}
.esign-settings-providers .provider-choices .provider-informations span {
  margin-bottom: 18px;
  margin-top: 18px;
}
.esign-settings-providers .tag-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.heading-tabs[data-v-e90969ff] {
  display: flex;
  gap: var(--spacing-1);
}
.heading-tabs__link[data-v-e90969ff] {
  border-radius: var(--spacing-0);
  color: var(--colors-component-text-navigation-hover-alt);
  padding: 6px var(--spacing-1);
  cursor: pointer;
}
.heading-tabs__link[data-v-e90969ff]:hover:not(.heading-tabs__link--is-active) {
  background: var(--colors-common-background-colored-hover);
}
.heading-tabs__link--is-active[data-v-e90969ff] {
  background: var(--colors-component-background-navigation-active-default-alt);
  color: var(--colors-component-text-navigation-active-hover-alt);
}

.check-list-item[data-v-a135c261] {
  align-items: center;
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: var(--spacing-1);
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-2) var(--spacing-1);
  transition: border-color 100ms cubic-bezier(0, 0, 0.3, 1);
}
.compass-tooltip[data-v-a135c261]:has(.check-list-item) {
  display: block;
}
.check-list-item[data-v-a135c261] .compass-icon {
  color: var(--colors-common-text-standard-caption);
  flex-shrink: 0;
}
.check-list-item[data-v-a135c261] .compass-pill {
  flex-shrink: 0;
  margin-left: auto;
}
.check-list-item--is-clickable[data-v-a135c261] {
  cursor: pointer;
}
.check-list-item--is-clickable[data-v-a135c261]:hover {
  border-color: var(--colors-common-border-default-hover);
}
.check-list-item--is-completed[data-v-a135c261] {
  color: var(--colors-common-text-standard-disabled);
  text-decoration: line-through;
}
.check-list-item--is-completed[data-v-a135c261]:hover {
  border-color: var(--colors-common-border-default-hover);
}
.check-list-item--is-completed[data-v-a135c261] .compass-icon {
  color: var(--colors-common-text-success-default);
}
.check-list-item--is-unavailable[data-v-a135c261] {
  cursor: default;
}
.check-list-item--is-unavailable[data-v-a135c261]:hover {
  border-color: var(--colors-common-border-lighter);
}

.check-list[data-v-8be8db41] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.meltingspot-widget[data-v-aa4c543b] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 5px;
  background: conic-gradient(from 76.19deg at 50% 50%, #fff2e6 -50.4deg, #e6fffc 144deg, #c0e8ff 190.8deg, #fff2e6 309.6deg, #e6fffc 504deg);
  color: var(--colors-sellsy-brand-primary-600);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  padding: 0;
}
.meltingspot-widget[data-v-aa4c543b]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-color: var(--colors-common-background-primary-subtle-alt);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.meltingspot-widget[data-v-aa4c543b]:hover {
  color: var(--colors-sellsy-brand-primary-700);
}
.meltingspot-widget[data-v-aa4c543b]:hover::after {
  opacity: 1;
}
.meltingspot-widget[data-v-aa4c543b]:focus {
  outline: none;
}
.meltingspot-widget[data-v-aa4c543b] .compass-icon--small {
  width: 18px;
  height: 18px;
}
.meltingspot-widget--decorative[data-v-aa4c543b] {
  cursor: pointer;
}

/* Overwrite styles for MeltingSpotWidget when used in NavProfilMenu */
.compass-menu-item .prefix-icon-container:has(.meltingspot-widget--decorative) {
  display: flex;
  align-items: center;
}
.compass-menu-item .prefix-icon-container:has(.meltingspot-widget--decorative) .meltingspot-widget--decorative {
  width: 20px;
  height: 20px;
}
.compass-menu-item .prefix-icon-container:has(.meltingspot-widget--decorative) .compass-icon {
  width: 14px;
  height: 14px;
}

.settings-page__header[data-v-eab9c192] {
  align-items: center;
  display: flex;
  gap: var(--spacing-4);
  margin: 0 0 var(--spacing-4);
}
.settings-page__title[data-v-eab9c192] {
  margin: 0;
}
.settings-page__meltingspot[data-v-eab9c192] {
  margin-left: auto;
}
.settings-page__layout[data-v-eab9c192] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  max-width: 1328px;
  margin: 0 auto;
}
@media only screen and (max-width: 1279px) {
.settings-page__layout[data-v-eab9c192] {
    display: flex;
}
}
.settings-page__layout--has-sidebar .settings-page__content[data-v-eab9c192] {
  grid-column: span 9;
}
@media only screen and (max-width: 1279px) {
.settings-page__layout--has-sidebar .settings-page__content[data-v-eab9c192] {
    flex: 1;
}
.settings-page__layout--has-sidebar .settings-page__content[data-v-eab9c192] .settings-home {
    grid-template-columns: repeat(3, 1fr);
}
.settings-page__layout--has-sidebar .settings-page__content[data-v-eab9c192] .settings-external-plugins__list,
  .settings-page__layout--has-sidebar .settings-page__content[data-v-eab9c192] .settings-internal-plugins__list {
    grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (max-width: 1079px) {
.settings-page__layout--has-sidebar .settings-page__content[data-v-eab9c192] .settings-home {
    grid-template-columns: repeat(2, 1fr);
}
.settings-page__layout--has-sidebar .settings-page__content[data-v-eab9c192] .settings-external-plugins__list,
  .settings-page__layout--has-sidebar .settings-page__content[data-v-eab9c192] .settings-internal-plugins__list {
    grid-template-columns: repeat(3, 1fr);
}
}
.settings-page__content[data-v-eab9c192] {
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
  flex: 1;
  grid-column: 2/10 span;
  padding: var(--spacing-5);
}
.settings-page__sidebar[data-v-eab9c192] {
  align-self: start;
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-0);
  grid-column: span 3;
  padding: var(--spacing-3);
}
@media only screen and (max-width: 1279px) {
.settings-page__sidebar[data-v-eab9c192] {
    flex-shrink: 0;
    width: 272px;
}
}
.settings-page__sidebar-title[data-v-eab9c192] {
  margin: 0 0 var(--spacing-1);
}
.settings-page__sidebar-introduction[data-v-eab9c192] {
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-4);
}
.settings-page__sidebar-introduction p[data-v-eab9c192] {
  margin: 0;
}

.settings-home[data-v-c25b4098] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-5);
}
.settings-home__block-title[data-v-c25b4098] {
  margin: 0 0 var(--spacing-2);
  display: flex;
  gap: var(--spacing-1);
}
.settings-home__block-title h3[data-v-c25b4098] {
  margin: 0;
}
.settings-home__block-list[data-v-c25b4098] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  margin: 0;
}
.settings-home__block-list-item[data-v-c25b4098] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
}
.settings-home__block a[data-v-c25b4098] {
  color: var(--colors-common-text-subtle-default);
}
.settings-home__block a[data-v-c25b4098]:hover {
  color: var(--colors-common-text-subtle-hover);
  text-decoration: underline;
}

.settings-internal-plugins[data-v-b6d13ddf] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.settings-internal-plugins__list[data-v-b6d13ddf] {
  display: grid;
  gap: var(--spacing-5);
  grid-template-columns: repeat(6, 1fr);
  margin: 0;
}
.settings-internal-plugins__list-item a[data-v-b6d13ddf] {
  align-items: center;
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-subtle-default);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  height: 100%;
  padding: var(--spacing-1) var(--spacing-2);
  text-align: center;
  text-decoration: none;
}
.settings-internal-plugins__list-item a[data-v-b6d13ddf]:hover {
  background: var(--colors-common-background-hover);
  color: var(--colors-common-text-subtle-hover);
}
.settings-internal-plugins__add-module[data-v-b6d13ddf] {
  display: flex;
  justify-content: end;
}

.settings-external-plugins[data-v-473a643a] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.settings-external-plugins__list[data-v-473a643a] {
  display: grid;
  gap: var(--spacing-5);
  grid-template-columns: repeat(6, 1fr);
  margin: 0;
}
.settings-external-plugins__list-item a[data-v-473a643a] {
  align-items: center;
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-subtle-default);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  height: 100%;
  padding: var(--spacing-1) var(--spacing-2);
  text-align: center;
  text-decoration: none;
}
.settings-external-plugins__list-item a[data-v-473a643a]:hover {
  background: var(--colors-common-background-hover);
  color: var(--colors-common-text-subtle-hover);
}
.settings-external-plugins__list-item .compassIcon[data-v-473a643a] {
  height: 40px;
  width: 40px;
}
.settings-external-plugins__add-module[data-v-473a643a] {
  display: flex;
  justify-content: end;
}

.collapse-onboarding-mail .email-onboarding-mode[data-v-9c0e4ba6] {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: var(--spacing-1);
  width: 80%;
  margin: 0 auto;
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card[data-v-9c0e4ba6] {
  max-width: 50%;
  position: relative;
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
  border-radius: 4px;
  border: 1px solid var(--colors-common-border-default);
  background-color: var(--colors-common-background-default);
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__tag[data-v-9c0e4ba6] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: var(--spacing-0) var(--spacing-1);
  border-radius: 12px;
  background-color: var(--colors-background-secondary-blue-default);
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__tag-label[data-v-9c0e4ba6] {
  color: var(--colors-common-text-standard-on-color);
  text-transform: uppercase;
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__container[data-v-9c0e4ba6] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--spacing-3);
  height: 100%;
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__header[data-v-9c0e4ba6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid var(--colors-common-border-default);
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__header-title[data-v-9c0e4ba6] {
  margin: 0;
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__header-subtitle[data-v-9c0e4ba6] {
  margin: 0;
  padding: var(--spacing-3) 0;
  color: var(--colors-common-text-standard-caption);
  text-align: center;
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__content[data-v-9c0e4ba6] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__content-feature[data-v-9c0e4ba6] {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-3);
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__content-feature-informations-title[data-v-9c0e4ba6] {
  margin: 0;
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__content-feature-informations-description[data-v-9c0e4ba6] {
  margin: 0;
  color: var(--colors-common-text-standard-caption);
}
.collapse-onboarding-mail .email-onboarding-mode .mode-card__actions[data-v-9c0e4ba6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-3);
}

.email-onboarding__check-email {
  gap: 24px;
}
.email-onboarding__check-email .email-onboarding__check-email--content {
  gap: 16px;
  text-align: center;
  width: 480px;
}
.email-onboarding__check-email .email-onboarding__check-email--content-input-caption {
  color: var(--colors-common-text-standard-caption);
}
.email-onboarding__check-email .email-onboarding__check-email--content .email-onboarding__check-email--content-input-container {
  align-items: baseline;
  gap: 8px;
}
.email-onboarding__check-email .email-onboarding__check-email--content .email-onboarding__check-email--content-input-container .compass-form-item {
  width: 320px;
}
.email-onboarding__check-email .email-onboarding__check-email--content .email-onboarding__check-email--content-input-container .compass-form-item .compass-form-item__label {
  display: none;
}

.email-onboarding-domain[data-v-e39076fe] {
  gap: 16px;
}
.email-onboarding-domain__help[data-v-e39076fe] {
  color: var(--colors-common-text-standard-caption);
}
.email-onboarding-domain .information-text[data-v-e39076fe] {
  max-width: 580px;
}
.email-onboarding-domain .action-info[data-v-e39076fe] {
  gap: 8px;
}
.email-onboarding-domain .el-input.is-disabled .el-input__inner[data-v-e39076fe] {
  background-color: #e9e9ec;
  border-color: #ccccd1;
  color: #8c909c;
}
.email-onboarding-domain__container-buttons-submit[data-v-e39076fe] {
  gap: 16px;
}
.email-onboarding-domain .custom-table .col-action[data-v-e39076fe] {
  width: 57px;
}
.email-onboarding-domain__validate-domain[data-v-e39076fe] {
  border-radius: 4px;
}
.email-onboarding-domain__validate-domain .compass-input[data-v-e39076fe] {
  min-width: 280px;
}

.email-setup-provider-warning-modal__content[data-v-be509b68] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4);
}
.email-setup-provider-warning-modal__informations[data-v-be509b68] {
  text-align: center;
  margin-bottom: var(--spacing-1);
}
.email-setup-provider-warning-modal__benefits[data-v-be509b68] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-2);
  padding: 20px;
  border-radius: var(--spacing-3);
  background-color: var(--colors-common-background-primary-subtle);
}
.email-setup-provider-warning-modal__benefits-list[data-v-be509b68] {
  margin: 0;
  padding-left: var(--spacing-4);
  list-style-type: disc;
}
.email-setup-provider-warning-modal[data-v-be509b68] .compass-modal__modal__header .compass-icon-button {
  display: none;
}

.onboarding-email .dialog__default {
  padding-bottom: var(--spacing-4);
}
.onboarding-email .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-5) var(--spacing-4);
}
.page-onboarding-email #sellsy_app {
  background-color: #ffffff;
}
.page-onboarding-email #sellsy_app .el-dialog.flex-column {
  border-radius: 4px;
  margin-top: 80px !important;
}
.page-onboarding-email #sellsy_app .el-dialog.flex-column .el-dialog__header {
  padding-bottom: 24px;
}
.page-onboarding-email #sellsy_app .el-dialog.flex-column .el-dialog__header .compass-icon-button {
  position: absolute;
  top: 16px;
  right: 16px;
}
.page-onboarding-email #sellsy_app .el-dialog.flex-column .el-dialog__footer .dialog-footer.flex-row {
  justify-content: end;
  gap: 16px;
}
.el-collapse.collapse-onboarding-mail {
  border-bottom: none;
  border-top: none;
  width: 976px;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__header,
.el-collapse.collapse-onboarding-mail .el-collapse-item__wrap,
.el-collapse.collapse-onboarding-mail .el-collapse-item__content {
  background-color: transparent;
  line-height: 20px;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__header i,
.el-collapse.collapse-onboarding-mail .el-collapse-item__wrap i,
.el-collapse.collapse-onboarding-mail .el-collapse-item__content i {
  line-height: 20px;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__arrow {
  display: none;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__header {
  align-items: flex-end;
  color: #8c909c;
  display: flex;
  font-size: 17px;
  font-weight: bold;
  height: 60px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 21px;
  padding-bottom: 5px;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__header.is-active {
  border-bottom: 1px solid #ebeef5;
  color: #111111;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__wrap {
  border-bottom: transparent;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__content {
  margin: 40px auto 40px auto;
}

h2[data-v-a235ae00] {
  line-height: 24px;
}
p[data-v-a235ae00] {
  line-height: 17px;
}

.page-onboarding-trial-quick .global[data-v-36b7b0c7] {
  overflow: hidden;
}
.quicktrial__wrapper[data-v-36b7b0c7] {
  margin: -32px -32px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100vh;
}
@media screen and (max-width: 1023px) {
.quicktrial__wrapper[data-v-36b7b0c7] {
    flex-direction: column;
    flex-wrap: nowrap;
}
}
.onboarding-quicktrial__informations-header[data-v-36b7b0c7] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-0);
}
.onboarding-quicktrial__informations-header-logo[data-v-36b7b0c7] {
  color: var(--colors-common-text-brand-secondary-blue);
}
@media screen and (max-width: 1023px) {
.onboarding-quicktrial__informations-header-logo[data-v-36b7b0c7] {
    margin: auto;
}
}
.quicktrial__inner[data-v-36b7b0c7] {
  padding: var(--spacing-6);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
.quicktrial__inner[data-v-36b7b0c7] {
    height: auto;
}
}
.quicktrial__inner[data-v-36b7b0c7]:first-child {
  max-width: 580px;
  gap: var(--spacing-2);
  background-color: var(--colors-common-background-app);
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1023px) {
.quicktrial__inner[data-v-36b7b0c7]:first-child {
    background-color: transparent;
    padding-bottom: 20px;
    margin: auto;
}
}
.quicktrial__inner[data-v-36b7b0c7]:last-child {
  overflow-y: scroll;
  padding-top: 84px;
  align-items: center;
  width: calc(100% - 580px);
}
@media screen and (max-width: 1023px) {
.quicktrial__inner[data-v-36b7b0c7]:last-child {
    width: 100%;
    padding-top: 20px;
    overflow-y: unset;
}
}
.quicktrial__wrapper[data-v-36b7b0c7]  .el-form-item.is-error {
  margin-bottom: var(--spacing-3);
}
.quicktrial__wrapper[data-v-36b7b0c7]  .el-form-item__error {
  margin-left: 0;
}

.page-onboarding-trial-quick #sellsy_app {
  min-width: auto !important;
}
.page-onboarding-trial-quick .el-select-dropdown__wrap {
  padding: var(--spacing-1);
}
.page-onboarding-trial-quick .el-select-dropdown__item {
  border-radius: 4px;
  padding: 10px var(--spacing-1);
  line-height: var(--line-heights-20);
}

.onboarding-quicktrial__banner {
  margin: auto 0;
  text-align: center;
  height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
.onboarding-quicktrial__banner {
    display: none;
}
}
.onboarding-quicktrial__banner-header {
  position: relative;
}
.onboarding-quicktrial__banner-header-title {
  font-family: var(--font-families-stack-sans-text);
  font-weight: 500;
  line-height: var(--line-heights-30);
  font-size: var(--font-size-24);
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0;
}
.onboarding-quicktrial__banner-baseline {
  font-family: var(--font-families-stack-sans-text);
  font-weight: 500;
  line-height: var(--line-heights-40);
  font-size: var(--font-size-17);
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0;
}
.onboarding-quicktrial__banner-details {
  font-family: var(--font-families-stack-sans-text);
  font-weight: 300;
  line-height: var(--line-heights-24);
  font-size: var(--font-size-17);
  color: var(--colors-common-text-brand-secondary-blue);
  margin: var(--spacing-3) 0 0;
}
.onboarding-quicktrial__banner-details--blue, .onboarding-quicktrial__banner-details--ai {
  font-weight: 500;
}
.onboarding-quicktrial__banner-details--blue {
  color: var(--colors-common-text-primary-default);
}
.onboarding-quicktrial__banner-details--ai {
  color: #af6dd3;
}
.onboarding-quicktrial__banner-illustration {
  max-width: 400px;
  margin: 0 auto;
  max-height: 100%;
  width: auto;
}
.onboarding-quicktrial__banner-illustration-container {
  max-height: calc(100% - 180px);
  margin-top: var(--spacing-4);
}
.onboarding-quicktrial__banner-subtitle {
  font-family: var(--font-families-stack-sans-text);
  font-weight: 500;
  line-height: var(--line-heights-20);
  font-size: var(--font-size-17);
  color: var(--colors-common-text-brand-secondary-blue);
  margin: var(--spacing-5) 0 0;
}
.onboarding-quicktrial__banner-customer-logo {
  margin-top: var(--spacing-4);
}
@media screen and (max-height: 800px) {
.onboarding-quicktrial__banner-header-title {
    font-size: var(--font-size-20);
}
.onboarding-quicktrial__banner-baseline {
    font-size: var(--font-size-14);
}
.onboarding-quicktrial__banner-details {
    font-size: var(--font-size-14);
}
.onboarding-quicktrial__banner-illustration {
    max-width: 300px;
}
}

.slide-in-move {
  transition: opacity 0.3s linear, transform 0.1s ease-in-out;
  transition-property: none;
}
.slide-in-leave-active {
  transition: opacity 0.4s linear, transform 0.4s ease;
  transition-delay: calc(0.05s * (var(--total) - var(--i)));
}
.slide-in-enter-active {
  transition: opacity 0.5s linear, transform 0.5s ease;
  transition-delay: calc(0.05s * var(--i));
}
.slide-in-enter, .slide-in-leave-to {
  opacity: 0;
}
.slide-in-enter {
  transform: translateX(-1em);
}
.slide-in-leave-to {
  transform: translateX(1em);
}
.sellsy-password-input {
  --total: 3;
}
.sellsy-password-input__password {
  width: 100%;
}
.sellsy-password-input input[type=password].el-input__inner::placeholder {
  color: var(--colors-common-text-standard-placeholder) !important;
}
.sellsy-password-input .el-input__suffix {
  right: var(--spacing-1);
  display: flex;
  align-items: center;
}
.sellsy-password-input .el-input__suffix .el-input__suffix-inner {
  display: flex;
  width: 14px;
}
.sellsy-password-input .password__badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  margin: var(--spacing-1) 0 0;
}

.onboarding-quicktrial__signup[data-v-ace8e50c] {
  max-width: 520px;
  margin: 0 auto;
}
.onboarding-quicktrial__signup-title[data-v-ace8e50c] {
  text-align: center;
  margin: 0 auto var(--spacing-5);
}
@media screen and (max-width: 1023px) {
.onboarding-quicktrial__signup-title[data-v-ace8e50c] {
    text-align: left;
}
}
.onboarding-quicktrial__signup-google-button[data-v-ace8e50c] {
  width: 100%;
}
.onboarding-quicktrial__signup-google-button[data-v-ace8e50c] .compass-button--large .compass-button__content {
  gap: var(--spacing-2);
  padding: var(--spacing-1) var(--spacing-3);
}
.onboarding-quicktrial__signup-google-button[data-v-ace8e50c] .compass-button--medium .compass-button__content {
  gap: 10px;
  padding: 6px var(--spacing-3);
}
.onboarding-quicktrial__signup-divider[data-v-ace8e50c] {
  text-align: center;
  margin: var(--spacing-3) 0;
  position: relative;
}
.onboarding-quicktrial__signup-divider[data-v-ace8e50c]:before {
  position: absolute;
  content: "";
  height: 1px;
  background-color: var(--colors-common-border-lighter);
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.onboarding-quicktrial__signup-divider-text[data-v-ace8e50c] {
  color: var(--colors-common-text-standard-caption);
  padding: 0 var(--spacing-3);
  margin: 0;
  position: relative;
  background-color: var(--colors-common-background-default);
}
.onboarding-quicktrial__signup[data-v-ace8e50c]  .compass-form-item {
  margin: 0 0 var(--spacing-3);
}
.onboarding-quicktrial__signup-form-items-horizontal[data-v-ace8e50c] {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-3);
}
@media screen and (max-width: 1023px) {
.onboarding-quicktrial__signup-form-items-horizontal[data-v-ace8e50c] {
    flex-direction: column;
    gap: 0;
}
}
.onboarding-quicktrial__signup-form-item[data-v-ace8e50c] {
  width: 100%;
}
.onboarding-quicktrial__signup-form-item--password[data-v-ace8e50c] {
  margin-bottom: var(--spacing-5);
}
.onboarding-quicktrial__signup-form-terms[data-v-ace8e50c] {
  margin: var(--spacing-3) 0;
}
.onboarding-quicktrial__signup-form[data-v-ace8e50c]  .el-form-item__label {
  font-weight: var(--font-weights-lato-1);
  font-size: var(--font-size-17);
  line-height: var(--line-heights-24);
}
@media screen and (max-width: 1023px) {
.onboarding-quicktrial__signup-form[data-v-ace8e50c]  .el-form-item__label {
    font: var(--font-families-lato);
    font-weight: var(--font-weights-lato-1);
    font-size: var(--font-size-14);
    line-height: var(--line-heights-20);
}
}
.onboarding-quicktrial__signup-form[data-v-ace8e50c]  .el-form-item__error {
  line-height: var(--font-size-20);
}
.onboarding-quicktrial__signup-form[data-v-ace8e50c]  .el-form-item__content .compass-input,
.onboarding-quicktrial__signup-form[data-v-ace8e50c]  .el-form-item__content .compass-select,
.onboarding-quicktrial__signup-form[data-v-ace8e50c]  .el-form-item__content .compass-tel-input,
.onboarding-quicktrial__signup-form[data-v-ace8e50c]  .el-form-item__content .sellsy-password-input {
  width: 100%;
}
.onboarding-quicktrial__signup-signin[data-v-ace8e50c] {
  text-align: center;
  color: var(--colors-common-text-standard-caption);
  margin: 0 0 var(--spacing-4);
}
.onboarding-quicktrial__signup-signin--link[data-v-ace8e50c] {
  color: var(--colors-common-text-primary-default);
  margin-left: var(--spacing-1);
}
.onboarding-quicktrial__signup-signin--link[data-v-ace8e50c]:hover {
  color: var(--colors-common-text-primary-hover);
}
.onboarding-quicktrial__signup-terms[data-v-ace8e50c] {
  color: var(--colors-common-text-standard-caption);
  margin-top: var(--spacing-6);
}

.onboarding-quicktrial__signup[data-v-c4fea76c] {
  max-width: 520px;
  margin: 0 auto;
}
.onboarding-quicktrial__signup-title[data-v-c4fea76c] {
  text-align: center;
  margin: 0 auto var(--spacing-5);
}
@media screen and (max-width: 1023px) {
.onboarding-quicktrial__signup-title[data-v-c4fea76c] {
    text-align: left;
}
}
.onboarding-quicktrial__signup-form-item[data-v-c4fea76c] {
  width: 100%;
}
.onboarding-quicktrial__signup-form-terms[data-v-c4fea76c] {
  margin: var(--spacing-3) 0;
}
.onboarding-quicktrial__signup-form[data-v-c4fea76c]  .el-form-item__label {
  font-weight: var(--font-weights-lato-1);
  font-size: var(--font-size-17);
  line-height: var(--line-heights-24);
}
@media screen and (max-width: 1023px) {
.onboarding-quicktrial__signup-form[data-v-c4fea76c]  .el-form-item__label {
    font: var(--font-families-lato);
    font-weight: var(--font-weights-lato-1);
    font-size: var(--font-size-14);
    line-height: var(--line-heights-20);
}
}
.onboarding-quicktrial__signup-form[data-v-c4fea76c]  .el-form-item__error {
  line-height: var(--font-size-20);
}
.onboarding-quicktrial__signup-form[data-v-c4fea76c]  .el-form-item__content .compass-input,
.onboarding-quicktrial__signup-form[data-v-c4fea76c]  .el-form-item__content .compass-select {
  width: 100%;
}
.onboarding-quicktrial__signup-terms[data-v-c4fea76c] {
  color: var(--colors-common-text-standard-caption);
  margin-top: var(--spacing-6);
}

.quicktrial-final__wrapper[data-v-ef3fe174] {
  margin: -32px -32px auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100vh;
  width: 100vw;
  padding: var(--spacing-6);
}
.onboarding-quicktrial__informations-header-logo[data-v-ef3fe174] {
  color: var(--colors-common-text-brand-secondary-blue);
}
@media screen and (max-width: 1023px) {
.onboarding-quicktrial__informations-header[data-v-ef3fe174] {
    text-align: center;
}
}
.quicktrial-final__inner[data-v-ef3fe174] {
  max-width: 580px;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.quicktrial-final__title[data-v-ef3fe174] {
  text-align: center;
  color: var(--colors-common-text-brand-secondary-blue);
}

.page-onboarding-trial-quick-final #sellsy_app,
#sellsy_app:has(.onboarding-quicktrial-mobile) {
  min-width: auto !important;
  background-color: var(--colors-component-background-illustration-brand-secondary-grey) !important;
}

.onboarding-quicktrial-mobile[data-v-842665fb] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-6);
  padding: var(--spacing-6) var(--spacing-4);
  margin: -32px -32px 0 !important;
  min-height: 100vh;
}
@media screen and (min-width: 1024px) {
.onboarding-quicktrial-mobile__header[data-v-842665fb] {
    align-self: flex-start;
}
}
.onboarding-quicktrial-mobile__content[data-v-842665fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-5);
}
@media screen and (min-width: 1024px) {
.onboarding-quicktrial-mobile__content[data-v-842665fb] {
    margin: auto;
}
}
.onboarding-quicktrial-mobile__content-illustration img[data-v-842665fb] {
  width: 100%;
  max-width: 315px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
.onboarding-quicktrial-mobile__content-illustration img[data-v-842665fb] {
    max-width: 500px;
}
}
.onboarding-quicktrial-mobile__content-title[data-v-842665fb] {
  margin: 0;
}
@media screen and (min-width: 1024px) {
.onboarding-quicktrial-mobile__content-title[data-v-842665fb] {
    text-align: center;
}
}

.page-onboarding-trial-mobile #sellsy_app,
#sellsy_app:has(.onboarding-quicktrial-mobile) {
  min-width: auto !important;
  background-color: var(--colors-common-background-app) !important;
}

.onboardingscreen-content__description[data-v-1a070443] {
  margin-bottom: var(--spacing-5);
  color: var(--colors-common-text-standard-caption);
}
.onboardingscreen-content__columns[data-v-1a070443] {
  position: relative;
  display: flex;
  gap: var(--spacing-4);
  align-items: stretch;
  min-height: 375px;
  margin-bottom: var(--spacing-6);
}
.onboardingscreen-content__columns--column[data-v-1a070443] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  align-items: stretch;
  width: calc(25% - 0.75 * var(--spacing-4));
  padding: var(--spacing-3);
  background-color: var(--colors-common-background-app);
  border-radius: 8px;
}
.onboardingscreen-content__columns--column-card[data-v-1a070443] {
  cursor: pointer;
  padding: var(--spacing-3);
  background-color: var(--colors-common-background-default);
  border-radius: 4px;
}
.onboardingscreen-content__columns--column-card[data-v-1a070443]:hover {
  background-color: var(--colors-common-background-hover);
}
.onboardingscreen-content__buttons[data-v-1a070443] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  align-items: center;
}

.onboardingscreen-content__description a {
  transition-duration: 100ms;
  transition-property: color;
}
.onboardingscreen-content__description a:hover {
  color: var(--colors-common-text-primary-hover);
}
.onboardingscreen-content__columns--column .compass-object {
  align-items: flex-start;
}
.onboardingscreen-content__columns--column .compass-object__label {
  font-size: var(--font-size-14);
  font-weight: var(--font-weights-lato-1);
  line-height: var(--line-heights-20);
}

.page-onboarding-onboarding_screen #sellsy_app {
  background-color: #fff !important;
}

.onboardingscreen[data-v-337023f9] {
  padding: var(--spacing-1) var(--spacing-3);
}
.onboardingscreen__head[data-v-337023f9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-4);
}

.fade-enter-active[data-v-a4e8a151],
.fade-leave-active[data-v-a4e8a151] {
  transition: opacity 1s;
}
.fade-enter[data-v-a4e8a151],
.fade-leave-to[data-v-a4e8a151] {
  opacity: 0;
}
.description[data-v-a4e8a151] {
  line-height: normal;
}

.icon-provider path {
  cursor: default;
}

.el-collapse.collapse-onboarding-mail {
  width: 976px;
  border-top: none;
  border-bottom: none;
}
.el-collapse.collapse-onboarding-mail .el-dialog .el-dialog__header .el-dialog__title {
  font-size: 20px;
  line-height: 24px;
}
.el-collapse.collapse-onboarding-mail .onboarding-alert,
.el-collapse.collapse-onboarding-mail .onboarding-back {
  padding-top: 5px;
  padding-bottom: 5px;
}
.el-collapse.collapse-onboarding-mail .onboarding-alert.primary-05-bkg,
.el-collapse.collapse-onboarding-mail .onboarding-back.primary-05-bkg {
  border: 1px solid #c8d2fe;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__header,
.el-collapse.collapse-onboarding-mail .el-collapse-item__wrap,
.el-collapse.collapse-onboarding-mail .el-collapse-item__content {
  background-color: transparent;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__arrow {
  display: none;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #8c909c;
  height: 60px;
  padding-bottom: 5px;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 21px;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__header.is-active {
  color: #111111;
  border-bottom: 1px solid #e9e9ec;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item.is-disabled .el-collapse-item__header {
  cursor: default;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__wrap {
  border-bottom: transparent;
}
.el-collapse.collapse-onboarding-mail .el-collapse-item__content {
  margin: 40px auto 40px auto;
}
.el-collapse.collapse-onboarding-mail .onboarding-scheduler-disclaimer {
  width: 560px;
}

.confirmed-subtitle[data-v-0860a42c] {
  width: 400px;
}

.reports-listing-table-head[data-v-dc87cac6] {
  position: sticky;
  top: 0;
  z-index: 3;
}

.reports-listing-table-row[data-v-1f884f3b] {
  cursor: pointer;
}
.reports-listing-table-row__cell--name[data-v-1f884f3b] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reports-listing-table-row__favorite-icon[data-v-1f884f3b] {
  color: var(--colors-common-icon-fav-default);
}
.reports-listing-table-row__favorite-icon--active[data-v-1f884f3b] {
  color: var(--colors-common-icon-fav-active);
}
.reports-listing-table-row__favorite-icon--loading[data-v-1f884f3b] {
  color: var(--colors-common-icon-fav-default);
}

.compass-tooltip__content--name {
  max-width: 424px;
}

.reports-listing__empty-state[data-v-57f4b18c] {
  height: 560px;
  display: flex;
  justify-content: center;
  background-color: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
}
.reports-listing__empty-state__no-result[data-v-57f4b18c] {
  padding: 112px;
}

.reports-dashboard__header[data-v-43dc267c] {
  height: var(--spacing-5);
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--spacing-5) 0;
}
.reports-dashboard h1[data-v-43dc267c] {
  margin: 0;
}
.reports-dashboard__nav-title[data-v-43dc267c] {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
  margin: 0 var(--spacing-0) var(--spacing-1) 0;
}
.reports-dashboard__favorite-icon[data-v-43dc267c] {
  color: var(--colors-common-icon-fav-default);
}
.reports-dashboard__favorite-icon--active[data-v-43dc267c] {
  color: var(--colors-common-icon-fav-active);
}
.reports-dashboard__favorite-icon--loading[data-v-43dc267c] {
  color: var(--colors-common-icon-fav-default);
}
.reports-dashboard__subtitle[data-v-43dc267c] {
  margin: 0 0 0 36px;
  color: var(--colors-common-text-subtle-default);
}

.objective-section__header[data-v-c47a39f1] {
  padding-bottom: var(--spacing-1);
  border-bottom: 1px solid var(--colors-common-border-lighter);
  margin-bottom: var(--spacing-3);
}
.objective-section__title[data-v-c47a39f1] {
  display: flex;
  gap: var(--spacing-3);
  margin: 0;
  padding: var(--spacing-0) 0;
}
.objective-section__content[data-v-c47a39f1] {
  padding: 0px var(--spacing-6);
}

.objective-define__field[data-v-350b885a] {
  margin-bottom: var(--spacing-5);
}
.objective-define__field.objective-define__field--multiple .objective-owner__selector[data-v-350b885a] {
  margin-bottom: var(--spacing-2);
}
.objective-define__field.objective-define__field-product--switch[data-v-350b885a] {
  display: flex;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-6);
}
.objective-define__field.objective-define__field-product--switch-enabled[data-v-350b885a] {
  margin-bottom: var(--spacing-4);
}
.objective-define__field-product--radio-group[data-v-350b885a] {
  margin-top: var(--spacing-3);
}
.objective-define__field-product--switch-content[data-v-350b885a] {
  display: flex;
  gap: var(--spacing-1);
}
.objective-define-dialog__body p[data-v-350b885a] {
  margin: 0;
}
.objective-define-dialog__footer[data-v-350b885a] {
  display: flex;
  justify-content: end;
  gap: var(--spacing-3);
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}
[data-v-350b885a]  .compass-autocomplete .compass-input {
  width: 100%;
}
[data-v-350b885a]  .compass-feature-badge {
  cursor: pointer;
}

.objective-duration__select[data-v-664fe39b] {
  margin-bottom: var(--spacing-3);
}
.objective-duration__picker[data-v-664fe39b] {
  display: flex;
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-6);
}
.objective-duration__picker .compass-form-item[data-v-664fe39b],
.objective-duration__picker .el-date-editor[data-v-664fe39b] {
  width: 100%;
}

.quarter-select-menu {
  padding: var(--spacing-3) !important;
}
.quarter-select-menu .quarter-select-option .compass-dropdown-option__label {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--spacing-1);
  width: 100%;
  padding: 0;
}
.quarter-select-menu .quarter-select-option .compass-icon {
  display: none;
}
.quarter-select-menu .quarter-select-option {
  /* STATES */
}
.quarter-select-menu .quarter-select-option.compass-dropdown-option--selected, .quarter-select-menu .quarter-select-option.compass-dropdown-option--selected:hover {
  color: var(--colors-common-text-standard-on-color);
  background-color: var(--colors-component-background-actionable-active-default);
}
.quarter-select-menu .quarter-select-option.compass-dropdown-option--selected .quarter-select-option__detail, .quarter-select-menu .quarter-select-option.compass-dropdown-option--selected:hover .quarter-select-option__detail {
  color: var(--colors-common-text-contrast-caption);
}
.quarter-select-menu .quarter-select-option {
  /* CHILDREN */
}
.quarter-select-menu .quarter-select-option__detail {
  color: var(--colors-common-text-standard-caption, #8c909c);
}

.objective-result__previous-perform[data-v-820c9b03] {
  display: flex;
  gap: var(--spacing-5);
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 76px;
  margin-bottom: var(--spacing-3);
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
}
.objective-result__previous-perform--amount[data-v-820c9b03] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.objective-result__previous-perform--amount .amount[data-v-820c9b03] {
  color: var(--colors-common-text-standard-active);
}
.objective-result__expected-amount[data-v-820c9b03] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: flex-end;
  margin-bottom: var(--spacing-3);
}
.objective-result__expected-amount--buttons[data-v-820c9b03] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
  align-items: center;
}
.objective-result__expected-amount--buttons-toggle[data-v-820c9b03] {
  padding: var(--spacing-1) 0;
}
.objective-result__expected-perform[data-v-820c9b03] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: var(--spacing-4);
  padding: var(--spacing-3);
  background-color: var(--colors-common-background-subtle);
  border-radius: 4px;
}
.objective-result__expected-perform--amounts[data-v-820c9b03] {
  display: flex;
  gap: var(--spacing-2);
  align-items: center;
  justify-content: space-between;
}
.objective-result__expected-perform--amounts-new[data-v-820c9b03] {
  color: var(--colors-common-text-primary-default);
}
.objective-result__expected-perform--amounts-previous[data-v-820c9b03] {
  display: flex;
  gap: var(--spacing-2);
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-0) var(--spacing-2);
  color: var(--colors-common-text-standard-caption);
  border: 1px solid var(--colors-common-border-default);
  border-radius: 4px;
}
.objective-result__expected-perform--amounts-previous .amount[data-v-820c9b03] {
  font-weight: var(--font-weights-lato-1);
}
.objective-result__refinements-calendar[data-v-820c9b03] {
  display: flex;
  flex-flow: row wrap;
  gap: var(--spacing-1) var(--spacing-4);
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--spacing-4);
}
.objective-result__refinements-calendar--refinement[data-v-820c9b03] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: stretch;
  width: calc(33.3333333333% - 0.6666666667 * var(--spacing-4));
}
.objective-result__refinements-calendar--refinement-previous[data-v-820c9b03] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-0) var(--spacing-2);
  color: var(--colors-common-text-standard-caption);
  background-color: var(--colors-common-background-subtle);
  border-radius: 4px;
}
.objective-result__refinements-calendar--refinement-previous .amount[data-v-820c9b03] {
  font-weight: var(--font-weights-lato-1);
}
.objective-result__refinements-calendar--refinement-previous .period[data-v-820c9b03] {
  text-align: right;
}
.objective-result__buttons[data-v-820c9b03] {
  display: flex;
  gap: var(--spacing-3);
  justify-content: flex-end;
}

.objective-result__estimation .compass-icon {
  color: var(--colors-common-text-standard-caption);
}

.select-error[data-v-5209497d]  .compass-form-item .compass-input {
  border-color: var(--colors-common-border-alert);
}
.objective-form[data-v-5209497d] .select-error .el-date-editor .el-input__inner,
.objective-form[data-v-5209497d] .select-error .compass-input {
  border-color: var(--colors-common-border-alert);
}
.objective-form .select-error .el-date-editor.el-input .el-input__inner[data-v-5209497d] {
  border-color: var(--colors-common-border-alert);
}
.objective-form__wrapper[data-v-5209497d] {
  max-width: 650px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.objective-form-cta__container[data-v-5209497d] {
  position: fixed;
  z-index: 2;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: end;
  width: 100%;
  padding-top: var(--spacing-3);
  padding-right: var(--spacing-5);
  padding-bottom: var(--spacing-3);
  background: var(--colors-common-background-default);
  box-shadow: 0 0 12px rgba(17, 17, 17, 0.24);
}
.objective-form-cta__container[data-v-5209497d] .compass-button:not(:first-child) {
  margin-left: var(--spacing-1);
}
.objective-form__loader[data-v-5209497d] {
  position: fixed;
}


html > body div.global:has(.objective-form) {
    background-color: var(--colors-common-background-default);
}


.objective-landing-page[data-v-538dcf69] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 137px;
}
.objective-landing-page__content[data-v-538dcf69] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
  width: 426px;
}
.objective-landing-page__content--title h1[data-v-538dcf69] {
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0;
}
.objective-landing-page__content--informations[data-v-538dcf69] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.objective-landing-page__content--informations p[data-v-538dcf69] {
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0;
  padding: 0 var(--spacing-1);
}
.objective-landing-page__content--informations p[data-v-538dcf69]:not(:last-child) {
  padding-bottom: var(--spacing-3);
  border-bottom: 1px solid var(--colors-common-border-default);
}
.objective-landing-page__content--buttons[data-v-538dcf69] {
  display: flex;
  gap: var(--spacing-1);
}
.objective-landing-page__illustration[data-v-538dcf69] {
  width: 539px;
}
.objective-landing-page__illustration img[data-v-538dcf69] {
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.listing-filter-dropdown-search {
  max-width: 220px;
}
.listing-filter-dropdown-search-empty.compass-dropdown-option {
  display: none;
}
.listing-filter-dropdown-search-input {
  width: 100%;
}
.listing-filter-dropdown-search-reset {
  cursor: pointer;
}

.listing-filter-dropdown-select-users-parent-option {
  color: var(--colors-common-text-standard-caption, #8c909c);
  padding: var(--spacing-2) var(--spacing-1) 0;
}
.listing-filter-dropdown-select-users:has(.compass-no-results) .listing-filter-dropdown-select-users-parent-option {
  display: none;
}

.avatar-listing-link[data-v-afbcb6d2]:hover .compass-user__name {
  color: var(--colors-common-text-standard-active);
}


.compass-menu__dropdown__container.objectives-listing-table__actions-container {
    z-index: 5;
}


.objectives-listing-table__table[data-v-6f3d8937]  .objectives-listing-table__table-progress-bar {
  width: 100%;
}
.objectives-listing-table__table[data-v-6f3d8937]  .objectives-listing-table__table-progress-bar .compass-tooltip {
  display: block;
}

.objective-update-panel__heading[data-v-2230a7d6] {
  margin-bottom: var(--spacing-3);
}
.objective-update-panel__heading-title[data-v-2230a7d6] {
  margin: 0;
}
.objective-update-panel__content[data-v-2230a7d6] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.objective-update-panel__content-category[data-v-2230a7d6]  .compass-description-list__item--listing {
  gap: var(--spacing-3);
}
.objective-update-panel__content-main-informations[data-v-2230a7d6] {
  padding: var(--spacing-3) 0;
  border-top: 1px solid var(--colors-common-border-default);
  border-bottom: 1px solid var(--colors-common-border-default);
}
.objective-update-panel__content-main-informations-period[data-v-2230a7d6]  .compass-description-list__item__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-2);
}
.objective-update-panel__content-main-informations[data-v-2230a7d6]  .compass-description-list__item--listing {
  gap: var(--spacing-3);
}
.objective-update-panel__content-result-editable[data-v-2230a7d6] .compass-form-item--horizontal {
  align-items: flex-start;
}
.objective-update-panel__content-result-editable[data-v-2230a7d6] .compass-form-item--horizontal .compass-form-item__input {
  gap: var(--spacing-1);
}
.objective-update-panel__content-result[data-v-2230a7d6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
  padding: var(--spacing-3);
  border-radius: var(--spacing-0);
  background-color: var(--colors-common-background-app);
}
.objective-update-panel__content-result-label[data-v-2230a7d6] {
  color: var(--colors-common-text-standard-default);
}
.objective-update-panel__content-result-amount[data-v-2230a7d6] {
  color: var(--colors-common-text-standard-active);
  flex-shrink: 0;
  margin-left: auto;
}
.objective-update-panel__content-result-previous[data-v-2230a7d6] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  flex-shrink: 0;
  padding: var(--spacing-0) var(--spacing-2);
  color: var(--colors-common-text-standard-caption);
  border-radius: var(--spacing-0);
  border: 1px solid var(--colors-common-border-default);
  background-color: var(--colors-common-background-subtle);
  min-width: 130px;
}
.objective-update-panel__content-refinements[data-v-2230a7d6] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--spacing-1);
}
.objective-update-panel__content-refinements-item[data-v-2230a7d6] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  width: calc(33.3333333333% - 0.6666666667 * var(--spacing-1));
}
.objective-update-panel__footer[data-v-2230a7d6] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-3);
  padding: var(--spacing-3) var(--spacing-5);
  background-color: var(--colors-common-background-default);
  border-top: 1px solid var(--colors-common-border-default);
}
.objective-update-panel .objective-previous-datas[data-v-2230a7d6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
  padding: var(--spacing-0) var(--spacing-2);
  color: var(--colors-common-text-standard-caption);
  border-radius: var(--spacing-0);
  background-color: var(--colors-common-background-subtle);
}
.objective-update-panel .objective-previous-datas__amount[data-v-2230a7d6] {
  flex-shrink: 0;
}
.objective-update-panel .objective-previous-datas__period[data-v-2230a7d6] {
  text-align: right;
}


html > body div.global:has(.objectives-listing) {
    background-color: var(--colors-common-background-app) !important;
}


.layout-with-navigation[data-v-ea2402f3] {
  display: flex;
  gap: var(--spacing-4);
  flex: 1;
  min-height: 0;
}
.layout-with-navigation__content[data-v-ea2402f3] {
  flex: 1;
  min-width: 0;
}

.email-listing[data-v-f1e25884] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.email-listing__heading[data-v-f1e25884] {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing-4);
  flex-shrink: 0;
}
.email-listing__heading h1[data-v-f1e25884] {
  margin: 0;
}

.email-listing__pagination[data-v-2c06c728] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: var(--spacing-6);
  color: var(--colors-common-text-subtle-default);
  padding: var(--spacing-2) var(--spacing-4);
  background-color: var(--colors-common-background-default);
  width: 100%;
}
.email-listing__pagination-select[data-v-2c06c728] {
  width: 60px;
}
.email-listing__pagination-navigation[data-v-2c06c728] {
  display: flex;
  gap: var(--spacing-3);
}
.email-listing__pagination-limit[data-v-2c06c728] > :first-child {
  margin-right: var(--spacing-1);
}

.email-listing__pagination-select-menu {
  max-width: 120px;
}

.compass-menu__dropdown__container.email-listing-actions__menu {
  z-index: 3;
}

.email-listing-actions[data-v-92f6a52f] {
  display: flex;
  gap: var(--spacing-1);
}

.email-listing-table__row[data-v-a31667b0] {
  cursor: pointer;
}
.email-listing-table__row--unread .email-listing-table__state-dot[data-v-a31667b0] {
  background-color: var(--colors-component-background-information-dot-primary);
}
.email-listing-table__row--unread .email-listing-table__cell-participants-label[data-v-a31667b0],
.email-listing-table__row--unread .email-listing-table__cell-subject[data-v-a31667b0],
.email-listing-table__row--unread .email-listing-table__cell-date[data-v-a31667b0] {
  font-weight: var(--font-weights-lato-0) !important;
}
.email-listing-table__cell-participants[data-v-a31667b0] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--spacing-1);
  overflow: hidden;
}
.email-listing-table__cell-participants-label[data-v-a31667b0] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.email-listing-table__cell-subject-container[data-v-a31667b0] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: var(--spacing-1);
  overflow: hidden;
}
.email-listing-table__cell-subject-content[data-v-a31667b0] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.email-listing-table__cell-subject-attachment[data-v-a31667b0] {
  flex-shrink: 0;
}
.email-listing-table__state-dot[data-v-a31667b0] {
  width: var(--spacing-1);
  height: var(--spacing-1);
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--colors-sellsy-grayscale-05);
}
.capitalized[data-v-a31667b0] {
  text-transform: capitalize;
}

.email-listing-table__container[data-v-d72afdd6]  .compass-table {
  border-radius: 0 0 var(--spacing-0) var(--spacing-0);
}
.email-listing-table__head[data-v-d72afdd6] {
  display: none;
}
.email-listing-table__empty[data-v-d72afdd6] {
  padding: var(--spacing-5);
}

.toolbar-slide-enter-active[data-v-a307eb53],
.toolbar-slide-leave-active[data-v-a307eb53] {
  transition: transform 0.3s ease-in-out;
}
.toolbar-slide-enter-from[data-v-a307eb53],
.toolbar-slide-leave-to[data-v-a307eb53] {
  transform: translateY(110px);
}
.toolbar-slide-enter-to[data-v-a307eb53],
.toolbar-slide-leave-from[data-v-a307eb53] {
  transform: translateY(0);
}
.emails-toolbar-container[data-v-a307eb53] {
  position: fixed;
  left: 184px;
  right: 120px;
  bottom: var(--spacing-6);
  z-index: 3;
}
.emails-toolbar-container.listingBatchToolbar--new[data-v-a307eb53] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: auto;
  margin-top: var(--spacing-4);
}
.scheduled-emails-toolbar[data-v-a307eb53] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-radius: var(--spacing-0);
  padding: var(--spacing-3) var(--spacing-4);
  gap: var(--spacing-3);
  color: var(--colors-common-text-standard-on-color);
  background-color: var(--colors-common-border-primary-hover);
}
.btn-cancel-selected-items[data-v-a307eb53] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
  padding-right: var(--spacing-4);
  border-right: 1px solid var(--colors-common-border-lighter);
}

.scheduled-emails-batch-delete-confirm-dialog__description[data-v-ea37c171] {
  margin: 0;
}

.scheduled-email-listing-clip[data-v-368959ff] {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}
.scheduled-email-listing-clip--new[data-v-368959ff] {
  overflow: hidden;
}
.scheduled-email-listing-clip--new .scheduled-email-listing[data-v-368959ff] {
  flex: 0 1 auto;
  height: auto;
  min-height: 0;
  position: relative;
}
.scheduled-email-listing[data-v-368959ff] {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  border-radius: var(--spacing-0);
  padding: 0 var(--spacing-3);
  background: var(--colors-common-background-default);
  transition: max-height 0.3s ease-in-out;
}
.scheduled-email-listing[data-v-368959ff]:has(.listingBatchToolbar--new) {
  max-height: calc(100% - var(--spacing-7) - var(--spacing-4));
}
.scheduled-email-listing__settings-header[data-v-368959ff] {
  align-items: center;
  min-height: 64px;
}
.scheduled-email-listing__select-all[data-v-368959ff] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  height: 48px;
  padding: 0 var(--spacing-3);
  background-color: var(--colors-common-background-default);
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: var(--colors-common-border-lighter);
}
.scheduled-email-listing__table[data-v-368959ff] {
  padding: 0 0 var(--spacing-2);
  overflow: auto;
}

.toolbar-slide-enter-active[data-v-fb0d71b4],
.toolbar-slide-leave-active[data-v-fb0d71b4] {
  transition: transform 0.3s ease-in-out;
}
.toolbar-slide-enter-from[data-v-fb0d71b4],
.toolbar-slide-leave-to[data-v-fb0d71b4] {
  transform: translateY(110px);
}
.emails-toolbar-container[data-v-fb0d71b4] {
  position: fixed;
  left: 184px;
  right: 120px;
  bottom: 40px;
  z-index: 3;
}
.emails-toolbar-container.listingBatchToolbar--new[data-v-fb0d71b4] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: auto;
  margin-top: var(--spacing-4);
}
.emails-toolbar[data-v-fb0d71b4] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-radius: var(--spacing-0);
  padding: var(--spacing-3) var(--spacing-4);
  gap: var(--spacing-3);
  color: var(--colors-common-text-standard-on-color);
  background-color: var(--colors-common-border-primary-hover);
}
.btn-cancel-selected-items[data-v-fb0d71b4] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
  padding-right: var(--spacing-4);
  border-right: 1px solid var(--colors-common-border-lighter);
}

.sent-email-listing-clip[data-v-8e341949] {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}
.sent-email-listing-clip--new[data-v-8e341949] {
  overflow: hidden;
}
.sent-email-listing-clip--new .sent-email-listing[data-v-8e341949] {
  flex: 0 1 auto;
  height: auto;
  min-height: 0;
  position: relative;
}
.sent-email-listing[data-v-8e341949] {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  border-radius: var(--spacing-0);
  padding: var(--spacing-3) var(--spacing-3) 0;
  background: var(--colors-common-background-default);
  transition: max-height 0.3s ease-in-out;
}
.sent-email-listing[data-v-8e341949]:has(.listingBatchToolbar--new) {
  max-height: calc(100% - 64px - var(--spacing-4));
}
.sent-email-listing__select-all[data-v-8e341949] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  height: 48px;
  padding: 0 var(--spacing-3);
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: var(--colors-common-border-lighter);
}
.sent-email-listing__table[data-v-8e341949] {
  flex-shrink: 1;
  overflow: auto;
}
.sent-email-listing[data-v-8e341949]:not(.sent-email-listing:has(.listing-settings-header)) .compass-table {
  border-top-left-radius: var(--spacing-0);
  border-top-right-radius: var(--spacing-0);
}

.outbox-email-listing[data-v-5dd45f47] {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--spacing-0);
  padding: 0 var(--spacing-3);
  background: var(--colors-common-background-default);
}
.outbox-email-listing__settings-header[data-v-5dd45f47] {
  align-items: center;
  min-height: 64px;
}
.outbox-email-listing__table[data-v-5dd45f47] {
  padding: 0 0 var(--spacing-2);
  overflow: auto;
}

.received-email-listing-clip[data-v-e1510847] {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}
.received-email-listing-clip--new[data-v-e1510847] {
  overflow: hidden;
}
.received-email-listing-clip--new .received-email-listing[data-v-e1510847] {
  flex: 0 1 auto;
  height: auto;
  min-height: 0;
  position: relative;
}
.received-email-listing[data-v-e1510847] {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  border-radius: var(--spacing-0);
  padding: 0 var(--spacing-3);
  background: var(--colors-common-background-default);
  transition: max-height 0.3s ease-in-out;
}
.received-email-listing[data-v-e1510847]:has(.listingBatchToolbar--new) {
  max-height: calc(100% - 64px - var(--spacing-4));
}
.received-email-listing__settings-header[data-v-e1510847] {
  align-items: center;
  min-height: 64px;
  flex-shrink: 0;
}
.received-email-listing__select-all[data-v-e1510847] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  height: 48px;
  padding: 0 var(--spacing-3);
  background-color: var(--colors-common-background-default);
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-bottom-color: var(--colors-common-border-lighter);
}
.received-email-listing__table[data-v-e1510847] {
  flex-shrink: 1;
  overflow: auto;
}
.received-email-listing[data-v-e1510847]:has(.email-listing__pagination)  .compass-table,
.received-email-listing[data-v-e1510847]:has(.email-listing__pagination)  .email-listing-loader {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.email-provider-error[data-v-1dd2eca0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-3);
  padding: var(--spacing-5);
}
.email-provider-error__illustration[data-v-1dd2eca0] {
  text-align: center;
  margin-bottom: var(--spacing-3);
}
.email-provider-error__content[data-v-1dd2eca0] {
  color: var(--colors-common-text-standard-default);
  text-align: center;
}
.email-provider-error__button[data-v-1dd2eca0] {
  margin-bottom: var(--spacing-1);
}
.email-provider-error__footer[data-v-1dd2eca0] {
  color: var(--colors-common-text-standard-caption);
  text-align: center;
  text-transform: capitalize;
}
.email-provider-error__footer[data-v-1dd2eca0]  .compass-plain-button__label {
  text-transform: lowercase;
}

.listing-table-actions__filters[data-v-c15d26f3] {
  border: none;
}

.marketing-preferences-attributes-table__header[data-v-e104f6f4] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  border-radius: 4px 4px 0 0;
  background-color: var(--colors-common-background-default);
}
.marketing-preferences-attributes-table__table[data-v-e104f6f4] {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow-x: hidden;
}
.marketing-preferences-attributes-table__table-header-select-all[data-v-e104f6f4] {
  padding: var(--spacing-3);
}
.marketing-preferences-attributes-table__table .marketing-preferences-attributes__table-empty[data-v-e104f6f4] {
  padding-top: var(--spacing-5);
  padding-bottom: var(--spacing-5);
}
.marketing-preferences-attributes-table__table .marketing-preferences-attributes__table-empty[data-v-e104f6f4]:hover {
  background-color: var(--colors-common-background-default);
}
.marketing-preferences-attributes-table__table .marketing-preferences-attributes-table__table-container[data-v-e104f6f4] {
  display: flex;
  align-items: center;
  gap: var(--spacing-5);
}

.marketing-attributes-revision-diff-modal__tab-item[data-v-e4302b82] .compass-table {
  border-width: 0;
}
.marketing-attributes-revision-diff-modal__tab-item[data-v-e4302b82] .compass-table .compass-table-body__row .compass-table-body__cell {
  border-bottom-width: 0;
}
.marketing-attributes-revision-diff-modal__tab-item[data-v-e4302b82] .compass-table .compass-table-body__row:nth-child(odd) .compass-table-body__cell,
.marketing-attributes-revision-diff-modal__tab-item[data-v-e4302b82] .compass-table .compass-table-body__row:nth-child(odd) .compass-table-body__cell:hover {
  background-color: var(--colors-common-background-subtle);
}
.marketing-attributes-revision-diff-modal__tab-item[data-v-e4302b82] .compass-table .compass-table-body__row:nth-child(even) .compass-table-body__cell,
.marketing-attributes-revision-diff-modal__tab-item[data-v-e4302b82] .compass-table .compass-table-body__row:nth-child(even) .compass-table-body__cell:hover {
  background-color: var(--colors-common-background-default);
}
.marketing-attributes-revision-diff-modal__tab-item-label[data-v-e4302b82], .marketing-attributes-revision-diff-modal__tab-item-categories[data-v-e4302b82] {
  width: 50%;
}

.marketing-preferences-attributes__container[data-v-4fcab2f5] {
  max-width: 1104px;
  margin-bottom: var(--spacing-7);
}
.marketing-preferences-attributes__container[data-v-4fcab2f5] .preloader {
  position: fixed;
  height: 100vh;
}
.marketing-preferences-attributes__title[data-v-4fcab2f5] {
  margin-bottom: var(--spacing-4);
}
.marketing-preferences-attributes__description[data-v-4fcab2f5] {
  margin-top: 0;
  margin-bottom: var(--spacing-4);
}
.marketing-preferences-attributes__footer[data-v-4fcab2f5] {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 64px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-1);
  padding: var(--spacing-3) var(--spacing-5);
  box-shadow: 0px 0px 12px 0px rgba(17, 17, 17, 0.24);
  background-color: var(--colors-common-background-default);
}
.marketing-attributes-revision-diff-modal__tabs[data-v-4fcab2f5] {
  margin-bottom: var(--spacing-3);
}
.marketing-attributes-revision-diff-modal__footer[data-v-4fcab2f5] {
  padding: var(--spacing-5);
}
.marketing-attributes-revision-diff-modal__footer-buttons[data-v-4fcab2f5] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--spacing-3);
}

.marketing-preferences-campaigns__container[data-v-0547ea2d] .preloader {
  position: fixed;
  height: 100vh;
}
.marketing-preferences-campaigns__title[data-v-0547ea2d] {
  margin: 0 0 var(--spacing-3);
}
.marketing-preferences-campaigns__default-subscription[data-v-0547ea2d], .marketing-preferences-campaigns__confirm-subscription[data-v-0547ea2d] {
  margin: 0 0 var(--spacing-5);
}
.marketing-preferences-campaigns__default-subscription-title[data-v-0547ea2d], .marketing-preferences-campaigns__confirm-subscription-title[data-v-0547ea2d] {
  margin: 0 0 var(--spacing-1);
}
.marketing-preferences-campaigns__default-subscription-switch[data-v-0547ea2d], .marketing-preferences-campaigns__confirm-subscription-switch[data-v-0547ea2d] {
  margin: 0 0 var(--spacing-3);
}
.marketing-preferences-campaigns__default-subscription-switch[data-v-0547ea2d] label, .marketing-preferences-campaigns__confirm-subscription-switch[data-v-0547ea2d] label {
  justify-content: flex-end;
}
.marketing-preferences-campaigns__default-subscription-informations[data-v-0547ea2d], .marketing-preferences-campaigns__confirm-subscription-informations[data-v-0547ea2d] {
  margin: 0 0 var(--spacing-3);
}
.marketing-preferences-campaigns__confirm-subscription-more[data-v-0547ea2d] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-5);
}
.marketing-preferences-campaigns__confirm-subscription-more-alert[data-v-0547ea2d] {
  width: 100%;
}
.marketing-preferences-campaigns__confirm-subscription-more-form[data-v-0547ea2d] {
  width: 480px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.marketing-preferences-campaigns__confirm-subscription-more-form-buttons[data-v-0547ea2d] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-2);
}

/* Recommended styles for Splitting */
.splitting .word,
.splitting .char {
  display: inline-block;
}

/* Psuedo-element chars */
.splitting .char {
  position: relative;
}

/**
 * Populate the psuedo elements with the character to allow for expanded effects
 * Set to `display: none` by default; just add `display: block` when you want
 * to use the psuedo elements
 */
.splitting .char::before,
.splitting .char::after {
  content: attr(data-char);
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  transition: inherit;
  user-select: none;
}

/* Expanded CSS Variables */

.splitting {
  /* The center word index */
  --word-center: calc((var(--word-total) - 1) / 2);

  /* The center character index */
  --char-center: calc((var(--char-total) - 1) / 2);

  /* The center character index */
  --line-center: calc((var(--line-total) - 1) / 2);
}

.splitting .word {
  /* Pecent (0-1) of the word's position */
  --word-percent: calc(var(--word-index) / var(--word-total));

  /* Pecent (0-1) of the line's position */
  --line-percent: calc(var(--line-index) / var(--line-total));
}

.splitting .char {
  /* Percent (0-1) of the char's position */
  --char-percent: calc(var(--char-index) / var(--char-total));

  /* Offset from center, positive & negative */
  --char-offset: calc(var(--char-index) - var(--char-center));

  /* Absolute distance from center, only positive */
  --distance: calc(
     (var(--char-offset) * var(--char-offset)) / var(--char-center)
  );

  /* Distance from center where -1 is the far left, 0 is center, 1 is far right */
  --distance-sine: calc(var(--char-offset) / var(--char-center));

  /* Distance from center where 1 is far left/far right, 0 is center */
  --distance-percent: calc((var(--distance) / var(--char-center)));
}

.splitting.cells img { width: 100%; display: block; }

@supports ( display: grid ) {
  .splitting.cells {
    position: relative;
    overflow: hidden;
    background-size: cover;
    visibility: hidden;
  }

  .splitting .cell-grid {
    background: inherit;
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: grid;
    grid-template: repeat( var(--row-total), 1fr ) / repeat( var(--col-total), 1fr );
  }

  .splitting .cell {
    background: inherit;
    position: relative;
    overflow: hidden;
  }

  .splitting .cell-inner {
    background: inherit;
    position: absolute;
    visibility: visible;
    /* Size to fit the whole container size */
    width: calc(100% * var(--col-total));
    height: calc(100% * var(--row-total));
    /* Position properly */
    left: calc(-100% * var(--col-index));
    top: calc(-100% * var(--row-index));
  }

  /* Helper variables for advanced effects */
  .splitting .cell {
    --center-x: calc((var(--col-total) - 1) / 2);
    --center-y: calc((var(--row-total) - 1) / 2);

    /* Offset from center, positive & negative */
    --offset-x: calc(var(--col-index) - var(--center-x));
    --offset-y: calc(var(--row-index) - var(--center-y));

    /* Absolute distance from center, only positive */
    --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );

    /* Absolute distance from center, only positive */
    --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) );
  }
}


.slider-item__title[data-v-1a5be104] {
  color: #fff;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 91px;
  font-weight: 400;
  margin: 0;
  position: relative;
  z-index: 1;
}
.slider-item__title[data-v-1a5be104] .word {
  opacity: 0;
}
.slider-item img[data-v-1a5be104] {
  bottom: -2px;
  left: 0;
  position: absolute;
}

.slider-item__title[data-v-37bcb400] {
  background: linear-gradient(180deg, #f5f7ff 0%, #af6dd3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 48px;
  font-weight: 400;
  margin: 0;
}

.slider-item.slider-item--top3[data-v-d2dbd15a] {
  align-items: flex-start;
  gap: 60px;
  justify-content: flex-start;
}
.slider-item__title[data-v-d2dbd15a] {
  color: #c8d2fe;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 0;
  opacity: 0;
}
.slider-item .top3-list[data-v-d2dbd15a] {
  counter-reset: myCounter;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.slider-item .top3-list__item[data-v-d2dbd15a] {
  color: var(--colors-sellsy-brand-primary-10);
  counter-increment: myCounter;
  display: flex;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 17px;
  gap: var(--spacing-1);
  opacity: 0;
}
.slider-item .top3-list__item-wrapper[data-v-d2dbd15a] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slider-item .top3-list__item strong[data-v-d2dbd15a] {
  color: var(--colors-sellsy-brand-primary-05);
  font-weight: 600;
}
.slider-item .top3-list__item[data-v-d2dbd15a]:before {
  content: "#" counter(myCounter);
  color: var(--colors-sellsy-brand-primary-20);
  flex-shrink: 0;
  font-size: 48px;
  line-height: 52px;
  width: 80px;
}

.slider-item[data-v-6ad48444] {
  gap: 27px;
}
.slider-item__text[data-v-6ad48444] {
  color: #7f95fe;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  text-align: center;
}
.slider-item__avatar img[data-v-6ad48444] {
  margin-left: 23px;
  opacity: 0;
}
.slider-item__button[data-v-6ad48444] {
  opacity: 0;
}

.slider-item.slider-item--zoom[data-v-c539466c] {
  align-items: flex-start;
  justify-content: flex-start;
}
.slider-item[data-v-c539466c] {
  gap: 40px;
}
.slider-item__title[data-v-c539466c] {
  color: #c8d2fe;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 52px;
  margin: 0;
}
.slider-item__icon-list-wrapper[data-v-c539466c] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  width: 100%;
}
.slider-item__icon-list[data-v-c539466c] {
  display: flex;
  gap: 20px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.slider-item__icon-list-item[data-v-c539466c] {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  opacity: 0;
  text-align: center;
}
.slider-item__icon-list-item-number[data-v-c539466c] {
  color: var(--colors-sellsy-brand-primary-0);
  display: block;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  margin: var(--spacing-3) 0 0;
}
.slider-item__icon-list-item-label[data-v-c539466c] {
  color: var(--colors-sellsy-brand-primary-10);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
}

.slider-item.slider-item--top-activities[data-v-ffba9057] {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
.slider-item__title[data-v-ffba9057] {
  color: var(--colors-sellsy-brand-primary-50-alpha100);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  margin: 0;
}
.slider-item__month[data-v-ffba9057] {
  color: var(--colors-sellsy-brand-primary-10);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 60px;
  margin: 0;
  opacity: 0;
  text-align: center;
  width: 100%;
}
.slider-item__list[data-v-ffba9057] {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  list-style: none;
  margin: auto 0 0;
  padding: 0;
  row-gap: 32px;
}
.slider-item__activity[data-v-ffba9057] {
  align-items: center;
  display: flex;
  flex: 1 1 calc(50% - 20px);
  flex-direction: column;
  opacity: 0;
}
.slider-item__activity-value[data-v-ffba9057] {
  color: var(--colors-sellsy-brand-primary-05);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  margin: var(--spacing-3) 0 0;
}
.slider-item__activity-label[data-v-ffba9057] {
  color: var(--colors-sellsy-brand-primary-10);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  text-align: center;
}

.slider-item.slider-item--top-1[data-v-084e04f6] {
  align-items: flex-start;
  justify-content: flex-start;
}
.slider-item__title[data-v-084e04f6] {
  color: var(--colors-common-text-primary-default);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  margin: 0;
}
.slider-item__wrapper[data-v-084e04f6] {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  width: 100%;
}
.slider-item__icon[data-v-084e04f6] {
  opacity: 0;
  position: relative;
}
.slider-item__icon-expression[data-v-084e04f6] {
  bottom: calc(100% - 1px);
  left: 100%;
  position: absolute;
}
.slider-item__info[data-v-084e04f6] {
  opacity: 0;
}
.slider-item__value[data-v-084e04f6] {
  color: var(--colors-sellsy-brand-primary-20);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 52px;
  margin: 0 0 8px;
  text-align: center;
  backface-visibility: visible;
}
.slider-item__label[data-v-084e04f6] {
  color: var(--colors-sellsy-brand-primary-10);
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  text-align: center;
}

.slider-item[data-v-4aae22b6] {
  gap: 40px;
}
.slider-item__title[data-v-4aae22b6] {
  color: #fff;
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 36px;
  margin: 0;
  position: relative;
  text-align: center;
  z-index: 1;
}
.slider-item__title[data-v-4aae22b6] .word {
  opacity: 0;
}
.slider-item img[data-v-4aae22b6] {
  bottom: -2px;
  left: 0;
  position: absolute;
}

.recap-slider[data-v-1e0d6c5a] {
  padding: 0 71px;
  position: relative;
}
.recap-slider__pagination[data-v-1e0d6c5a] {
  display: flex;
  gap: var(--spacing-0);
  height: 3px;
  margin: 0 0 calc(var(--spacing-1) - 1px);
  padding: 0 14px;
}
.recap-slider__pagination-item[data-v-1e0d6c5a] {
  background: rgba(255, 255, 255, 0.3019607843);
  border: 0;
  border-radius: 30px;
  cursor: pointer;
  display: block;
  flex: 1;
  height: 3px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.recap-slider__pagination-item span[data-v-1e0d6c5a] {
  background: #fff;
  border-radius: 30px;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  text-indent: -9999em;
  top: 0;
}
.recap-slider__pagination-item--active span[data-v-1e0d6c5a], .recap-slider__pagination-item--completed span[data-v-1e0d6c5a] {
  display: block;
}
.recap-slider__carousel[data-v-1e0d6c5a] {
  border: 1px solid rgba(237, 240, 255, 0.368627451);
  border-radius: 10px;
  height: 564px;
  overflow: hidden;
  position: relative;
  width: 360px;
}
.recap-slider__navigation-container[data-v-1e0d6c5a] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.recap-slider__navigation-container--prev[data-v-1e0d6c5a] {
  left: 0;
}
.recap-slider__navigation-container--next[data-v-1e0d6c5a] {
  right: 0;
}
.recap-slider__navigation[data-v-1e0d6c5a] {
  align-items: center;
  background: none;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  transition: all 200ms ease-in-out;
  transform: scale(1);
  width: 40px;
}
.recap-slider__navigation--prev[data-v-1e0d6c5a] {
  transform-origin: center right;
}
.recap-slider__navigation--next[data-v-1e0d6c5a] {
  transform-origin: center left;
}
.recap-slider__navigation[data-v-1e0d6c5a]:hover {
  transform: scale(1.1);
}
.recap-slider__navigation[data-v-1e0d6c5a]:disabled {
  cursor: default;
  opacity: 0.4;
}
.recap-slider__navigation[data-v-1e0d6c5a]:disabled:hover {
  transform: scale(1);
}
.recap-slider[data-v-1e0d6c5a] .slider-item {
  align-items: center;
  bottom: 0;
  display: none;
  flex-direction: column;
  justify-content: center;
  left: 0;
  overflow: hidden;
  padding: var(--spacing-6) 30px;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
}
.recap-slider[data-v-1e0d6c5a] .slider-item .slider-item--active {
  display: flex;
}

body:has(.recap-page) .global {
  background: var(--colors-common-background-darkest-default);
}
body:has(.recap-page) .navbar-brand,
body:has(.recap-page) .contentMenu,
body:has(.recap-page) .menuWithoutText .el-collapse-item__header {
  box-shadow: -1px 0 0 0 var(--colors-component-background-sidebar-hover) inset;
}

.recap-page[data-v-75fa7e67] {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 12px 40px 100px;
  position: relative;
}
.recap-page__title[data-v-75fa7e67] {
  font-family: var(--font-families-stack-sans-text), sans-serif;
  font-size: var(--font-size-17);
  font-weight: var(--font-weights-stack-sans-text-4);
  letter-spacing: 2px;
  line-height: var(--line-heights-50);
  margin: 0 0 21px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #fdf1de 0%, #4868fd 46.5%, #7f95fe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.recap-page__leave-button[data-v-75fa7e67] {
  position: absolute;
  right: 6px;
  top: 0;
}

.onboarding-sidebar__accordion-content[data-v-5480e4be] {
  color: var(--colors-common-text-subtle-default);
}
.onboarding-sidebar__accordion-content[data-v-5480e4be] p {
  margin: 0;
}
.onboarding-sidebar__accordion-content[data-v-5480e4be] p + p, .onboarding-sidebar__accordion-content[data-v-5480e4be] p + ul {
  margin: var(--spacing-3) 0 0;
}
.onboarding-sidebar__accordion-content[data-v-5480e4be] p + ul {
  list-style-type: disc;
  padding: 0 0 0 22px;
}

body:has(.footer-full-page) {
  padding-bottom: 80px;
}

.footer-full-page[data-v-e6693b97] {
  align-items: center;
  background: var(--colors-common-background-default);
  bottom: 0;
  box-shadow: var(--box-shadows-medium);
  display: flex;
  flex-direction: row-reverse;
  gap: var(--spacing-3);
  justify-content: end;
  left: 64px;
  min-height: 64px;
  padding: var(--spacing-4) var(--spacing-6);
  position: fixed;
  right: 0;
  z-index: 100;
}

.onboarding-choice[data-v-04109476] {
  flex: 1;
}
.onboarding-choice__button[data-v-04109476] {
  align-items: center;
  background: var(--colors-common-background-default);
  border: 0;
  border-radius: var(--spacing-0);
  box-shadow: var(--elevation-1);
  color: var(--colors-common-text-standard-default);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-3);
  min-height: 104px;
  padding: var(--spacing-3);
  position: relative;
  text-align: left;
  transition: all 200ms ease-in-out;
  width: 100%;
}
.onboarding-choice__button[data-v-04109476]:not(:disabled):hover {
  box-shadow: var(--box-shadows-large);
}
.onboarding-choice__button[data-v-04109476]:disabled {
  cursor: not-allowed;
}
.onboarding-choice__button img[data-v-04109476] {
  flex-shrink: 0;
}
.onboarding-choice__button[data-v-04109476] .compass-icon {
  color: var(--colors-common-text-success-default);
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(4px, -4px);
}
.onboarding-choice__button--is-selected[data-v-04109476] {
  outline: 1px solid var(--colors-common-border-darkest);
}
.onboarding-choice__button--is-selected[data-v-04109476]:hover {
  box-shadow: var(--elevation-1);
}
.onboarding-choice__button--is-unselected[data-v-04109476] {
  box-shadow: none;
  color: var(--colors-common-text-standard-disabled);
}
.onboarding-choice__tags[data-v-04109476] {
  display: flex;
  gap: var(--spacing-1);
  margin: var(--spacing-2) 0 0;
}
.onboarding-choice__checklist[data-v-04109476] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  margin: var(--spacing-2) 0 0;
}
.onboarding-choice__item[data-v-04109476] {
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-0);
}
.onboarding-choice__item[data-v-04109476] .compass-icon {
  flex-shrink: 0;
  margin-top: 2px;
}

.layout-3-cols[data-v-cd5fb523] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-4);
  max-width: 1328px;
  margin: 0 auto;
}
.layout-3-cols--has-sidebar-right[data-v-cd5fb523] {
  grid-template-rows: max-content 1fr;
}
@media only screen and (max-width: 1279px) {
.layout-3-cols--has-no-sidebar-left .layout-3-cols__sidebar--left[data-v-cd5fb523] {
    display: none;
}
.layout-3-cols--has-no-sidebar-left .layout-3-cols__sidebar--right[data-v-cd5fb523] {
    grid-column: span 12;
    margin: 0 auto;
    max-width: 652px;
    width: 100%;
}
.layout-3-cols--has-no-sidebar-left .layout-3-cols__content[data-v-cd5fb523] {
    grid-column: span 12;
    margin: 0 auto;
    max-width: 652px;
}
}
.layout-3-cols__sidebar[data-v-cd5fb523] {
  grid-column: span 3;
}
@media only screen and (max-width: 1279px) {
.layout-3-cols__sidebar--left[data-v-cd5fb523] {
    grid-row: 1/span 2;
    width: 272px;
}
.layout-3-cols__sidebar--right[data-v-cd5fb523] {
    grid-column: span 9;
    margin: 0 auto;
    max-width: 652px;
    width: 100%;
}
}
.layout-3-cols__content[data-v-cd5fb523] {
  grid-column: span 6;
}
@media only screen and (max-width: 1279px) {
.layout-3-cols__content[data-v-cd5fb523] {
    grid-column: span 9;
    margin: 0 auto;
    max-width: 652px;
}
}
@media only screen and (max-width: 1279px) {
.layout-3-cols--has-no-sidebars[data-v-cd5fb523] {
    display: block;
}
.layout-3-cols--has-no-sidebars .layout-3-cols__sidebar[data-v-cd5fb523] {
    display: none;
}
}

body:has(.page-layout-forms) #sellsy_app {
  background-color: var(--colors-common-background-default);
}

.page-layout-forms[data-v-880452f0] {
  padding: 0 0 var(--spacing-4);
}
.page-layout-forms__header[data-v-880452f0] {
  margin-bottom: var(--spacing-4);
}
.page-layout-forms__header h1[data-v-880452f0] {
  margin: 0;
}

.pdp-mandate-onboarding__subtitle[data-v-eb1c474f] {
  margin: var(--spacing-5) 0 var(--spacing-3);
}
.pdp-mandate-onboarding__information[data-v-eb1c474f] {
  color: var(--colors-common-text-brand-secondary-blue);
}
.pdp-mandate-onboarding__information[data-v-eb1c474f] p {
  margin: 0;
}
.pdp-mandate-onboarding__information[data-v-eb1c474f] p + p {
  margin-top: var(--spacing-3);
}
.pdp-mandate-onboarding__choices[data-v-eb1c474f] {
  display: flex;
  gap: var(--spacing-4);
}
.pdp-mandate-onboarding[data-v-eb1c474f] .compass-empty-state {
  margin: var(--spacing-5) 0 0;
}

body:has(.pdp-mandate-onboarding-company) #sellsy_app {
  background-color: var(--colors-common-background-default);
}
#compass-dropdown-container .pdp-mandate-onboarding-company__company-search {
  width: auto;
}
#compass-dropdown-container .pdp-mandate-onboarding-company__company-legal-representative {
  z-index: 101;
}

.pdp-mandate-onboarding-company__information-banner[data-v-490a7b0b] {
  margin-bottom: var(--spacing-4);
}
.pdp-mandate-onboarding-company__information[data-v-490a7b0b] {
  color: var(--colors-common-text-brand-secondary-blue);
}
.pdp-mandate-onboarding-company__information[data-v-490a7b0b] p {
  margin: 0;
}
.pdp-mandate-onboarding-company__information[data-v-490a7b0b] p + ul {
  list-style: revert;
  margin: var(--spacing-3) 0 0;
  padding: revert;
}
.pdp-mandate-onboarding-company__subtitle[data-v-490a7b0b] {
  margin: var(--spacing-5) 0 var(--spacing-4);
}
.pdp-mandate-onboarding-company__form-item[data-v-490a7b0b] {
  margin: 0 0 var(--spacing-4);
}
.pdp-mandate-onboarding-company__form-item[data-v-490a7b0b]  .compass-skeleton__line {
  height: var(--spacing-6);
}
.pdp-mandate-onboarding-company__help[data-v-490a7b0b] {
  color: var(--colors-common-text-subtle-default);
  margin: var(--spacing-1) 0 0;
}
.pdp-mandate-onboarding-company__company-information[data-v-490a7b0b] {
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
  color: var(--colors-common-text-standard-default);
  margin: var(--spacing-2) 0 var(--spacing-1);
  padding: var(--spacing-2);
}
.pdp-mandate-onboarding-company__company-information-help[data-v-490a7b0b] {
  display: flex;
  gap: var(--spacing-1);
}

body:has(.pdp-mandate-onboarding-electronic-address) #sellsy_app {
  background-color: var(--colors-common-background-default);
}

.pdp-mandate-onboarding-electronic-address[data-v-ad796736] .information-banner {
  margin-bottom: var(--spacing-4);
}
.pdp-mandate-onboarding-electronic-address__information[data-v-ad796736] {
  color: var(--colors-common-text-brand-secondary-blue);
}
.pdp-mandate-onboarding-electronic-address__information[data-v-ad796736] p {
  margin: 0;
}
.pdp-mandate-onboarding-electronic-address__information[data-v-ad796736] p + p {
  margin: var(--spacing-3) 0 0;
}
.pdp-mandate-onboarding-electronic-address__choices[data-v-ad796736] {
  display: flex;
  gap: var(--spacing-4);
}
.pdp-mandate-onboarding-electronic-address__creation-prefix[data-v-ad796736] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--spacing-5);
}
.pdp-mandate-onboarding-electronic-address__creation-wrapper[data-v-ad796736] {
  align-items: start;
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
  display: flex;
  gap: 10px;
  padding: var(--spacing-2);
}
.pdp-mandate-onboarding-electronic-address__creation-wrapper[data-v-ad796736]  .compass-icon-button {
  flex-shrink: 0;
}
.pdp-mandate-onboarding-electronic-address__creation-input[data-v-ad796736] {
  flex: 1;
}
.pdp-mandate-onboarding-electronic-address__creation-value[data-v-ad796736] {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  min-height: var(--spacing-5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdp-mandate-onboarding-electronic-address__creation-information[data-v-ad796736] {
  color: var(--colors-common-text-subtle-default);
  margin: var(--spacing-0) 0;
}

body:has(.pdp-mandate-onboarding-legal-representative) #sellsy_app {
  background-color: var(--colors-common-background-default);
}

.pdp-mandate-onboarding-legal-representative[data-v-2fba79bd] .information-banner {
  margin-bottom: var(--spacing-4);
}
.pdp-mandate-onboarding-legal-representative__information[data-v-2fba79bd] {
  color: var(--colors-common-text-brand-secondary-blue);
}
.pdp-mandate-onboarding-legal-representative__information[data-v-2fba79bd] p {
  margin: 0;
}
.pdp-mandate-onboarding-legal-representative__information[data-v-2fba79bd] p + ul {
  list-style: revert;
  margin: var(--spacing-3) 0 0;
  padding: revert;
}
.pdp-mandate-onboarding-legal-representative__form[data-v-2fba79bd] {
  display: flex;
  gap: var(--spacing-4);
}
.pdp-mandate-onboarding-legal-representative__form[data-v-2fba79bd] .compass-form-item {
  flex: 1;
}
.pdp-mandate-onboarding-legal-representative__form[data-v-2fba79bd] .compass-tel-input .compass-input {
  flex: 1;
}
.pdp-mandate-onboarding-legal-representative__help[data-v-2fba79bd] {
  border-top: 1px solid var(--colors-common-border-default);
  display: flex;
  gap: var(--spacing-1);
  margin: var(--spacing-5) 0 0;
  padding: var(--spacing-5) 0 0;
}
.pdp-mandate-onboarding-legal-representative__help-content[data-v-2fba79bd] {
  align-items: start;
  color: var(--colors-common-text-standard-default);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.pdp-mandate-onboarding-legal-representative__help-content[data-v-2fba79bd] a {
  color: var(--colors-common-text-standard-default);
  text-decoration: underline;
}
.pdp-mandate-onboarding-legal-representative__help-content[data-v-2fba79bd] a:hover {
  text-decoration: none;
}
.pdp-mandate-onboarding-legal-representative__help-content p[data-v-2fba79bd] {
  margin: 0;
}

.staff-form-loader[data-v-32ed07da] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.staff-form-loader__form-item[data-v-32ed07da] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.staff-form-loader__form-label[data-v-32ed07da] {
  width: 30%;
}

#compass-dropdown-container .staff-form-modal__dropdown {
  z-index: 1000;
}

.staff-form-modal__form[data-v-75549fb7] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.staff-form-modal__columns[data-v-75549fb7] {
  display: flex;
  gap: var(--spacing-3);
}
.staff-form-modal__columns[data-v-75549fb7] .compass-form-item {
  flex: 1;
  min-width: 0;
}
.staff-form-modal__columns[data-v-75549fb7] .compass-tel-input .compass-input {
  min-width: 0;
}
.staff-form-modal[data-v-75549fb7] .compass-link {
  align-self: start;
  order: 3;
}
.staff-form-modal__subtitle[data-v-75549fb7] {
  margin: 0 0 calc(var(--spacing-1) * -1);
}

.dialog__icon--close[data-v-66810c19] {
  display: flex;
  justify-content: flex-end;
  padding: 24px 32px 0 32px;
}
.dialog__default[data-v-66810c19] {
  padding-bottom: 24px;
}
.dialog__default p[data-v-66810c19] {
  margin: 0;
  text-align: center;
}
.dialog__footer[data-v-66810c19] {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}

.popup-mailchimp-settings span {
  line-height: 20px;
}
.popup-mailchimp-settings .dialog__header {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}
.popup-mailchimp-settings .dialog__header--title {
  display: flex;
  flex-direction: column;
}
.popup-mailchimp-settings .dialog__header--close {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.popup-mailchimp-settings .dialog__default {
  padding-bottom: 24px;
}
.popup-mailchimp-settings .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.popup-mailchimp-settings .el-form .el-form-item .el-form-item__label {
  margin-bottom: 4px;
  line-height: 20px;
}
.popup-mailchimp-settings .el-form .el-form-item .el-form-item__content .el-radio-group .el-radio {
  margin-right: 16px;
  color: #111111;
}
.popup-mailchimp-settings .el-form .el-form-item .el-form-item__content .el-radio-group .el-radio .el-radio__input > input {
  margin: 0;
}
.popup-mailchimp-settings .el-form .el-form-item .el-form-item__content .el-radio-group .el-radio .el-radio__label {
  vertical-align: middle;
}
.popup-mailchimp-settings .el-form .el-form-item .el-form-item__content .el-radio-group .el-radio:last-child {
  margin-right: 0;
}
.popup-mailchimp-settings .el-form .el-form-item .el-form-item__content .el-select .el-input.el-input--suffix .el-input__suffix {
  right: 8px;
}
.popup-mailchimp-settings .btn-update-contact {
  margin-bottom: 10px;
}

.popup-mailjet-settings .dialog__header {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}
.popup-mailjet-settings .dialog__header--title {
  display: flex;
  flex-direction: column;
}
.popup-mailjet-settings .dialog__header--close {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.popup-mailjet-settings .dialog__default {
  padding-bottom: 24px;
}
.popup-mailjet-settings .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.popup-mailjet-settings span {
  line-height: 20px;
}
.popup-mailjet-settings .el-form .el-form-item .el-form-item__label {
  margin-bottom: 4px;
  line-height: 20px;
}
.popup-mailjet-settings .el-form .el-form-item__content .el-radio-group .el-radio {
  margin-right: 16px;
  color: #111111;
}
.popup-mailjet-settings .el-form .el-form-item__content .el-radio-group .el-radio .el-radio__input > input {
  margin: 0;
}
.popup-mailjet-settings .el-form .el-form-item__content .el-radio-group .el-radio .el-radio__label {
  vertical-align: middle;
}
.popup-mailjet-settings .el-form .el-form-item__content .el-radio-group .el-radio:last-child {
  margin-right: 0;
}
.popup-mailjet-settings .btn-update-contact {
  margin-bottom: 10px;
}

.dropdown-search .input-search-dropdown {
  background-clip: padding-box;
}
.dropdown-search .el-dropdown .el-input.el-input--suffix input {
  cursor: pointer;
}
.dropdown-search .el-dropdown .el-input.el-input--suffix .el-input__suffix {
  color: #111111;
}
.dropdown-search .popper__arrow {
  left: 10% !important;
}
.el-dropdown-menu.el-popper.dropdown-search-dropdown-menu {
  width: 416px;
}
.el-dropdown-menu.el-popper.dropdown-search-dropdown-menu .input-search-dropdown.el-input.el-input--suffix .el-input__suffix {
  padding-right: 12px;
}

.el-input-number span {
  background: #ffffff;
  color: #111111;
}

.pref-mass-edit-input .input-with-select .el-input-group__append {
  background-color: #fff;
}
.pref-mass-edit-input .el-popper.el-cascader__dropdown .el-cascader-panel .el-scrollbar.el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap {
  color: #111111;
  width: 416px;
  min-height: 300px;
}
.pref-mass-edit-input .el-popper.el-cascader__dropdown .el-cascader-panel .el-scrollbar.el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap .el-scrollbar__view.el-cascader-menu__list {
  padding: 4px 0;
}
.pref-mass-edit-input .el-popper.el-cascader__dropdown .el-cascader-panel .el-scrollbar.el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap .el-scrollbar__view.el-cascader-menu__list .el-cascader-node.is-active {
  color: #111111;
  font-weight: normal;
}
.pref-mass-edit-input .el-popper.el-cascader__dropdown .el-cascader-panel .el-scrollbar.el-cascader-menu .el-cascader-menu__wrap.el-scrollbar__wrap .el-cascader-node:hover {
  background: #edf0ff;
}
.pref-mass-edit-input .el-cascader__tags .el-tag.el-tag--info.el-tag--small.el-tag--light {
  color: #8c909c;
  font-weight: 600;
}
.pref-mass-edit-input .el-cascader__tags .el-tag.el-tag--info.el-tag--small.el-tag--light .el-tag__close.el-icon-close {
  background-color: #ccccd1;
}
.pref-mass-edit-input .input-with-select.el-input.el-input-group .el-input-group__append {
  width: 100px;
  color: #8c909c;
}

.popup-mass-edit-prefs p {
  margin: 0 0 var(--spacing-0);
}
.popup-mass-edit-prefs div > p > i {
  cursor: pointer;
}
.popup-mass-edit-prefs .dialog__header {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-4) var(--spacing-5);
}
.popup-mass-edit-prefs .dialog__header--title {
  display: flex;
  flex-direction: column;
}
.popup-mass-edit-prefs .dialog__header--close {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.popup-mass-edit-prefs .dialog__default {
  padding-bottom: var(--spacing-4);
}
.popup-mass-edit-prefs .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-5) var(--spacing-4);
}
.popup-mass-edit-prefs .el-dialog__wrapper .el-dialog.flex-column {
  max-height: 800px;
  border-radius: 4px;
}
.popup-mass-edit-prefs .el-dialog__wrapper .el-dialog.flex-column .el-dialog__header {
  padding-bottom: var(--spacing-4);
}
.popup-mass-edit-prefs .el-dialog__wrapper .el-dialog.flex-column .el-dialog__header button i {
  color: #111111;
}
.popup-mass-edit-prefs__add-pref {
  margin-top: var(--spacing-5);
}

.popup-mass-edit-vat-mode div > p > i {
  cursor: pointer;
}
.popup-mass-edit-vat-mode .el-dialog__wrapper .el-dialog.flex-column {
  max-height: 800px;
  border-radius: 4px;
}
.popup-mass-edit-vat-mode .el-dialog__wrapper .el-dialog.flex-column .el-dialog__header {
  padding-bottom: 24px;
}
.popup-mass-edit-vat-mode .el-dialog__wrapper .el-dialog.flex-column .el-dialog__header button i {
  color: #111111;
}

.dialog__header {
  display: flex;
  justify-content: flex-end;
  padding: 24px 32px 0 32px;
}
.dialog__default {
  padding-bottom: 24px;
}
.dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}

.popup-manager-payment-card .dialog__default {
  padding-bottom: 24px;
}
.popup-manager-payment-card .dialog__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px 24px 32px;
}
.popup-manager-payment-card span {
  line-height: 20px;
}
.popup-manager-payment-card p {
  margin-top: 0;
  margin-bottom: 0;
}
.popup-manager-payment-card .card-inputs {
  width: 100%;
}
.popup-manager-payment-card .flex-column {
  overflow-y: hidden;
}
.popup-manager-payment-card .flex-column label div {
  margin-top: 4px;
}
.popup-manager-payment-card .container-button {
  display: flex;
  gap: 14px;
}
.popup-manager-payment-card .disabled .el-form-item__content {
  cursor: not-allowed !important;
}
.popup-manager-payment-card .disabled .el-form-item__content .card-inputs,
.popup-manager-payment-card .disabled .el-form-item__content .el-input__inner {
  color: #8c909c !important;
  background-color: #e9e9ec !important;
  border-color: #ccccd1 !important;
  pointer-events: none !important;
}
.popup-manager-payment-card .card-number .CardNumberField.CardNumberField--ltr .CardBrandIcon-container {
  right: 0px !important;
}
.popup-manager-payment-card .CardNumberField-input-wrapper {
  position: initial;
}

.provider-wrapper[data-v-d7aa6a1d] {
  align-items: center;
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-caption);
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin: 0 0 var(--spacing-3);
  padding: var(--spacing-2);
  word-break: initial;
}
@media only screen and (min-width: 400px) {
.provider-wrapper[data-v-d7aa6a1d] {
    padding: var(--spacing-3);
}
}
.provider-wrapper__info[data-v-d7aa6a1d] {
  align-items: center;
  color: var(--colors-common-text-standard-default);
  display: flex;
  font-weight: 700;
  margin: 0 0 0 var(--spacing-1);
}
.provider-wrapper__icon[data-v-d7aa6a1d] {
  height: var(--spacing-4);
  margin: 0 var(--spacing-1) 0 0;
  width: var(--spacing-4);
}

.deactivate-2fa__lead[data-v-da96219e] {
  margin: 0 0 var(--spacing-1);
}
.deactivate-2fa__text[data-v-da96219e] {
  margin: 0 0 var(--spacing-2);
}
.deactivate-2fa__alert[data-v-da96219e] {
  margin-bottom: 0;
}

.otp-inputs[data-v-b91650b9] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  justify-content: center;
}
.otp-inputs__input[data-v-b91650b9] {
  width: 27px;
}
.otp-inputs__input[data-v-b91650b9] input {
  text-align: center;
}
.otp-inputs__error[data-v-b91650b9] {
  color: var(--colors-common-text-alert-default);
}

.staff-one-off-backup-code-modal__label[data-v-a679357b] {
  margin: 0 0 var(--spacing-4);
}
.staff-one-off-backup-code-modal__backup-code[data-v-a679357b] {
  align-items: center;
  background: var(--colors-common-background-app);
  border-radius: var(--spacing-1);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  padding: var(--spacing-3) var(--spacing-4);
}
.staff-one-off-backup-code-modal__backup-code-wrapper[data-v-a679357b] {
  display: flex;
  flex-direction: column;
  margin: 0 0 var(--spacing-4);
}
.staff-one-off-backup-code-modal__backup-code-wrapper[data-v-a679357b] .compass-pill {
  align-self: flex-end;
  margin: 0 10px -12px 0;
  position: relative;
}
.staff-one-off-backup-code-modal__backup-code-label[data-v-a679357b] {
  color: var(--colors-common-text-subtle-default);
}
.staff-one-off-backup-code-modal__backup-code-value[data-v-a679357b] {
  user-select: none;
}
.staff-one-off-backup-code-modal__subtitle[data-v-a679357b] {
  align-items: center;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-0);
  margin: 0 0 var(--spacing-0);
}
.staff-one-off-backup-code-modal__subtitle[data-v-a679357b] .compass-colored-icon {
  flex-shrink: 0;
}
.staff-one-off-backup-code-modal__steps[data-v-a679357b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  list-style: none;
}
.staff-one-off-backup-code-modal__steps h4[data-v-a679357b],
.staff-one-off-backup-code-modal__steps p[data-v-a679357b] {
  margin: 0;
}
.staff-one-off-backup-code-modal__steps h4[data-v-a679357b] {
  display: flex;
  gap: var(--spacing-1);
}

.remove-trusted-device .dialog__default[data-v-e007f7b3] {
  padding-bottom: 24px;
}
.remove-trusted-device .dialog__footer[data-v-e007f7b3] {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.remove-trusted-device[data-v-e007f7b3]  .el-checkbox {
  align-items: center;
  display: flex;
  line-height: 20px;
}
.remove-trusted-device[data-v-e007f7b3]  .el-checkbox__inner {
  border-radius: 4px;
}
.remove-trusted-device[data-v-e007f7b3]  .el-checkbox__label {
  line-height: 20px;
}
.remove-trusted-device[data-v-e007f7b3]  .el-checkbox .el-checkbox__input {
  padding-top: 0;
}
.remove-trusted-device .device[data-v-e007f7b3] {
  border: 1px solid #ccccd1;
  border-radius: 4px;
  font-weight: 700;
  margin: 0 0 16px;
  padding: 16px;
}

.activate-2fa .dialog__default[data-v-f883cae4] {
  padding-bottom: var(--spacing-4);
}

.adyen-modal-loader[data-v-eec79fd5] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.adyen-modal-loader__field[data-v-eec79fd5] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.adyen-modal__header[data-v-6f8e303b] {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-4) var(--spacing-5);
}
.adyen-modal__header-title[data-v-6f8e303b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.adyen-modal__header-icon[data-v-6f8e303b] {
  margin-bottom: var(--spacing-2);
}
.adyen-modal__title[data-v-6f8e303b], .adyen-modal__description[data-v-6f8e303b], .adyen-modal__section-title[data-v-6f8e303b], .adyen-modal__section-description[data-v-6f8e303b] {
  margin: 0;
}
.adyen-modal__header-close[data-v-6f8e303b] {
  position: absolute;
  top: var(--spacing-3);
  right: var(--spacing-3);
}
.adyen-modal__body[data-v-6f8e303b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.adyen-modal__section[data-v-6f8e303b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.adyen-modal__help-link[data-v-6f8e303b] {
  color: var(--colors-common-text-standard-caption);
}

#compass-dropdown-container .select-adyen-modal {
  z-index: 1001;
}

.cashflow-popup-warning__wrapper[data-v-5b7048dd] {
  display: flex;
  flex-direction: column;
}

.compass-modal.popup-checksendingmail {
  z-index: 2006 !important;
}
.compass-modal.popup-checksendingmail .dialog__header {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}
.compass-modal.popup-checksendingmail .dialog__default {
  padding-bottom: 24px;
}
.compass-modal.popup-checksendingmail .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}

.list-settings-used[data-v-6053b7b9] {
  gap: var(--spacing-0);
  margin-top: var(--spacing-2);
}
.list-settings-used .line-setting[data-v-6053b7b9] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  padding: var(--spacing-1);
}
.list-settings-used .line-setting span[data-v-6053b7b9] {
  display: inline-block;
}
.list-settings-used .line-setting .title[data-v-6053b7b9] {
  width: 416px;
}
.list-settings-used .line-setting .value[data-v-6053b7b9] {
  margin-left: var(--spacing-4);
}
.list-settings-used .line-setting[data-v-6053b7b9]:nth-child(odd) {
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
}

.import-detail-information-tab[data-v-67abcc6e] {
  font-size: var(--font-size-14);
  line-height: var(--line-heights-20);
}
.import-detail-information-tab h3[data-v-67abcc6e] {
  line-height: var(--line-heights-24);
}
.import-detail-information-tab .actions[data-v-67abcc6e] {
  margin-top: var(--spacing-4);
}
.import-detail-information-tab .actions h3[data-v-67abcc6e] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  margin: 0;
  padding-bottom: var(--spacing-1);
}
.import-detail-information-tab .actions .line-action[data-v-67abcc6e] {
  align-items: center;
  border-bottom: 1px solid var(--colors-common-border-lighter);
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-1) 0;
}
.import-detail-information-tab .actions .line-action p[data-v-67abcc6e] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  margin: 0;
}
.import-detail-information-tab .information[data-v-67abcc6e] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.import-detail-information-tab .information h3[data-v-67abcc6e] {
  margin-bottom: var(--spacing-0);
  margin-top: 0;
}
.import-detail-information-tab .information[data-v-67abcc6e] .compass-tag {
  margin: 0 0 var(--spacing-0);
}

.import-detail-dialog[data-v-20893079] {
  z-index: 1001;
}
.import-detail-dialog[data-v-20893079]  p:not(.bold),
.import-detail-dialog[data-v-20893079]  span {
  margin: 0;
}
.import-detail-dialog h4[data-v-20893079] {
  margin: 0;
  line-height: var(--line-heights-20);
}
.import-detail-dialog .card-container[data-v-20893079] {
  display: flex;
  flex-flow: row nowrap;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-5);
}
.import-detail-dialog .card-container .card[data-v-20893079] {
  display: flex;
  gap: var(--spacing-2);
  min-width: 15%;
  max-width: 33%;
  padding: var(--spacing-3);
  border-radius: var(--spacing-0);
}
.import-detail-dialog .card-container .card .card-divider[data-v-20893079] {
  width: 100%;
  height: 1px;
  margin: var(--spacing-1) 0;
  background-color: #e9e9ec;
}
.import-detail-dialog .card-container .card.card-summary[data-v-20893079] {
  background-color: #f6f6f9;
  border: #ffffff solid 1px;
}
.import-detail-dialog .card-container .card.card-summary .line-container[data-v-20893079] {
  display: flex;
  gap: var(--spacing-1);
}
.import-detail-dialog .card-container .card.card-summary .line-container[data-v-20893079]:first-child {
  margin-bottom: var(--spacing-1);
  padding-bottom: var(--spacing-1);
  border-bottom: 1px solid var(--colors-common-border-lighter);
}
.import-detail-dialog .card-container .card.card-summary .line-container p[data-v-20893079]:last-child {
  color: var(--colors-common-text-standard-caption);
}
.import-detail-dialog .card-container .card.card-summary .line-container .compass-icon[data-v-20893079] {
  margin-top: 3px;
}
.import-detail-dialog .card-container .card.card-type[data-v-20893079] {
  border: #ccccd1 solid 1px;
}
.import-detail-dialog .card-container .card.card-type .line-container[data-v-20893079] {
  display: flex;
  flex-direction: column;
}
.import-detail-dialog .card-container .card.card-type .line-container[data-v-20893079]:first-child {
  margin-bottom: var(--spacing-1);
  padding-bottom: var(--spacing-1);
  border-bottom: 1px solid var(--colors-common-border-lighter);
}
.import-detail-dialog .card-container .card.card-type .line-container p[data-v-20893079]:last-child {
  color: var(--colors-common-text-standard-caption);
}
.import-detail-dialog .card-container .card .title[data-v-20893079] {
  display: flex;
  gap: var(--spacing-1);
}
.import-detail-dialog .fade-enter-active[data-v-20893079],
.import-detail-dialog .fade-leave-active[data-v-20893079] {
  transition: opacity 120ms cubic-bezier(0, 0, 0.3, 1);
}
.import-detail-dialog .fade-enter-from[data-v-20893079],
.import-detail-dialog .fade-leave-to[data-v-20893079] {
  opacity: 0;
}
.import-detail-dialog .preloader-container__loader[data-v-20893079] {
  width: 100%;
  height: 216px;
}
.import-detail-dialog .preloader-container__loader[data-v-20893079] .compass-loader--medium {
  width: 53.33px;
  height: 53.33px;
}
.import-detail-dialog .preloader-container__loader[data-v-20893079] .compass-loader--medium .compass-icon--medium {
  width: 53.33px;
  height: 53.33px;
}
.import-detail-dialog[data-v-20893079] .compass-tabs {
  margin-bottom: var(--spacing-5);
}

.tooltip-disable-btn {
  z-index: 1002;
  white-space: pre-line;
}
.restart-import-alert--disabled .compass-alert__right-container {
  cursor: not-allowed;
}
.restart-import-alert--disabled .compass-button {
  pointer-events: none;
}
.restart-import-alert--disabled .compass-button--tertiary {
  background-color: transparent;
  color: var(--colors-common-text-standard-disabled, #8c909c);
}

.import-revert-dialog[data-v-509a0714] {
  z-index: 1001;
}
.import-revert-dialog[data-v-509a0714]  p,
.import-revert-dialog[data-v-509a0714]  span {
  margin: 0;
}
.import-revert-dialog h4[data-v-509a0714],
.import-revert-dialog h6[data-v-509a0714] {
  margin: 0;
}
.import-revert-dialog h6[data-v-509a0714] {
  font-size: var(--font-size-14);
  font-weight: var(--font-weights-lato-1);
}
.import-revert-dialog .description-dialog[data-v-509a0714] {
  margin-bottom: var(--spacing-3);
}
.import-revert-dialog .subtitle-card[data-v-509a0714] {
  margin-bottom: var(--spacing-0);
}
.import-revert-dialog .card[data-v-509a0714] {
  border-radius: 4px;
  display: flex;
  padding: var(--spacing-3);
}
.import-revert-dialog .card.card-container[data-v-509a0714] {
  background-color: #f6f6f9;
}
.import-revert-dialog .card.card-container .title-container[data-v-509a0714] {
  display: flex;
  gap: var(--spacing-1);
  padding-bottom: var(--spacing-1);
  margin-bottom: var(--spacing-1);
  border-bottom: solid 1px var(--colors-common-border-lighter);
}
.import-revert-dialog .card.card-container .title-container__title[data-v-509a0714] {
  line-height: 20px;
  margin: 0;
}
.import-revert-dialog .card.card-container .title-container__title-segment[data-v-509a0714], .import-revert-dialog .card.card-container .title-container__title-segment[data-v-509a0714]:after {
  color: var(--colors-common-text-standard-caption);
}
.import-revert-dialog .card.card-container .title-container__title-segment[data-v-509a0714]:after {
  content: ">";
  margin: 0 var(--spacing-0);
}
.import-revert-dialog .card.card-container .title-container__title-segment[data-v-509a0714]:last-child {
  color: var(--colors-common-text-standard-default);
}
.import-revert-dialog .card.card-container .title-container__title-segment[data-v-509a0714]:last-child:after {
  content: "";
}
.import-revert-dialog .card .card-container__list[data-v-509a0714] {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 20px;
  justify-content: space-between;
}
.import-revert-dialog .card .card-container__list li[data-v-509a0714] {
  list-style-type: disc;
  margin-left: 20px;
}
.import-revert-dialog .card .card-container__list.all-lines-treated[data-v-509a0714] {
  border-top: 1px solid var(--colors-common-border-lighter);
  padding-top: var(--spacing-1);
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}
.import-revert-dialog .card .card-container__infos[data-v-509a0714] {
  text-align: end;
}
.import-revert-dialog .card .card-container__categories[data-v-509a0714] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.import-revert-dialog .import-revert-dialog__footer[data-v-509a0714] {
  display: flex;
  gap: var(--spacing-3);
  justify-content: flex-end;
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}

.onboarding-screen-panel[data-v-f435e476] {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.onboarding-screen-panel__container[data-v-f435e476] {
  width: 90%;
  height: 100%;
  margin-right: 0;
  margin-left: auto;
  padding: var(--spacing-6);
  background: var(--colors-common-background-default);
  overflow: auto;
}
.onboarding-screen-panel__header[data-v-f435e476] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-4);
}
.onboarding-screen-panel__header-title[data-v-f435e476] {
  margin-bottom: 0;
}
.onboarding-screen-panel__header-button[data-v-f435e476] {
  margin-left: auto;
}
.onboarding-screen-panel__overlay[data-v-f435e476] {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--colors-common-background-overlay-dark);
}

.fake-general-information-title[data-v-8c57e79e] {
  margin-bottom: var(--spacing-3);
  width: 314px;
}
.fake-general-information-block[data-v-8c57e79e] {
  column-gap: var(--spacing-4);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: var(--spacing-5);
}
.fake-general-information-block > div[data-v-8c57e79e] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.fake-general-information-block > div > div[data-v-8c57e79e] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
}
.fake-general-information-block .fake-label[data-v-8c57e79e] {
  width: 113px;
}
.fake-general-information-block .fake-date[data-v-8c57e79e] {
  width: 44px;
}
.fake-general-information-block .fake-date-data[data-v-8c57e79e] {
  width: 125px;
}
.fake-general-information-block .fake-owner[data-v-8c57e79e] {
  width: 83px;
}
.fake-general-information-block .fake-owner-data[data-v-8c57e79e] {
  width: 236px;
}
.fake-general-information-block .fake-description[data-v-8c57e79e] {
  width: 125px;
}
.fake-general-information-block .fake-description-data[data-v-8c57e79e] {
  width: 125px;
}
.fake-related-title[data-v-8c57e79e] {
  margin-bottom: var(--spacing-3);
  width: 200px;
}
.fake-related-block[data-v-8c57e79e] {
  width: 416px;
}

.panel-create-activity__form-date .container-input[data-v-8fea9e5f] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  width: 100%;
}
.panel-create-activity__form-date--not-all-day[data-v-8fea9e5f] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.panel-create-activity__form-date--not-all-day > div[data-v-8fea9e5f] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}
.panel-create-activity__form-date--not-all-day .input-select-date-activity[data-v-8fea9e5f] {
  flex: 1;
  width: 150px;
}
.panel-create-activity__form-date--not-all-day .input-select-time-activity[data-v-8fea9e5f] {
  flex: 1;
  width: 110px;
}

.panel-create-activity__form-date[data-v-e4ec0cbd] .compass-form-item__input {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}
.panel-create-activity__form-date[data-v-e4ec0cbd] .compass-form-item__input .input-select-date-activity {
  flex: 1;
  width: 150px;
}
.panel-create-activity__form-date[data-v-e4ec0cbd] .compass-form-item__input .input-time-activity {
  flex: 1;
  width: 116px;
}

.activity-form-panel-contact-input[data-v-60f85946] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-0);
  width: 100%;
  background-color: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
  padding: var(--spacing-0) var(--spacing-1);
  min-height: 32px;
  max-height: 260px;
  overflow-y: auto;
  cursor: text;
  transition: border-color 0.2s ease;
}
.activity-form-panel-contact-input--focused[data-v-60f85946] {
  border-color: var(--colors-common-border-focus);
}
.activity-form-panel-contact-input__tag[data-v-60f85946] {
  max-width: 100%;
}
.activity-form-panel-contact-input__input[data-v-60f85946] {
  flex-grow: 1;
  min-width: 80px;
  border: none;
  outline: none;
  background: transparent;
  color: var(--colors-common-text-standard-default);
  padding: 0;
}
.activity-form-panel-contact-input__input[data-v-60f85946]::placeholder {
  color: var(--colors-common-text-standard-placeholder);
}
#compass-dropdown-container .activity-form-panel-contact-input__dropdown[data-v-60f85946] {
  z-index: 1001;
  max-width: 256.73px;
}
#compass-dropdown-container .activity-form-panel-contact-input__dropdown .activity-form-panel-contact-input__dropdown-item-text[data-v-60f85946] {
  word-break: break-all;
}

.reminder-container[data-v-7219fab5] {
  align-items: center;
  display: flex;
  gap: var(--spacing-4);
}
.reminder-inapp[data-v-7219fab5] {
  margin-bottom: var(--spacing-1);
}
.select-reminder[data-v-7219fab5] {
  flex-grow: 1;
}

#compass-dropdown-container .select-menu-reminder-activity {
  z-index: 1001;
}
#compass-dropdown-container .select-menu-reminder-activity {
  width: fit-content;
}

.activity-linked-object[data-v-73b5f74d] {
  align-items: center;
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: var(--spacing-0);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
  justify-content: space-between;
  padding: var(--spacing-1);
}
.activity-linked-object--clickable[data-v-73b5f74d] {
  cursor: pointer;
}
.activity-linked-object--clickable[data-v-73b5f74d]:hover {
  background-color: var(--colors-common-background-hover);
}
.activity-linked-object__text[data-v-73b5f74d] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
}
.activity-linked-object__text-introduction[data-v-73b5f74d] {
  flex-shrink: 0;
}
.activity-linked-object__text[data-v-73b5f74d]  .compass-link__label {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.activity-linked-object__text[data-v-73b5f74d]  .compass-icon {
  flex-shrink: 0;
}
.activity-linked-object--spacing[data-v-73b5f74d] {
  margin-bottom: var(--spacing-2);
}

.videoconference-link-switch[data-v-34dc67dc] {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-2);
}
.videoconference-link-switch__logo[data-v-34dc67dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: var(--spacing-0);
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
}
.videoconference-link-switch__logo img[data-v-34dc67dc] {
  width: 24px;
  height: 24px;
}

.compass-panel:has(.panel-create-activity__form) {
  z-index: 999;
}
.panel-create-activity__content-title {
  margin: 0 0 var(--spacing-1);
}
.panel-create-activity__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.panel-create-activity__form-advanced-settings > .compass-accordion__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.panel-create-activity__form .description-input-max-height .ProseMirror {
  height: 260px;
  max-height: 260px;
}

#compass-dropdown-container .select-labels-activity,
#compass-dropdown-container .select-staffs-activity,
#compass-dropdown-container .select-calendars-activity,
#compass-dropdown-container .select-time-activity,
#compass-dropdown-container .select-menu-reminder-activity {
  z-index: 1001;
}
#compass-dropdown-container .select-time-activity,
#compass-dropdown-container .select-menu-reminder-activity {
  width: fit-content;
}
#compass-date-picker-container .panel-create-activity__datepicker {
  z-index: 1001;
}
#compass-popover-container .panel-create-activity__datepicker {
  z-index: 1001 !important;
}

.panel-create-activity__form-date[data-v-8325f5a7] .compass-form-item__input {
  flex-direction: row;
  gap: var(--spacing-3);
}
.panel-create-activity__form-date[data-v-8325f5a7] .compass-form-item__input .input-time-activity {
  width: 110px;
}
.panel-create-activity__form-date[data-v-8325f5a7] .compass-form-item__input .input-select-date-activity .compass-input {
  width: 150px;
}

.panel-create-phonecall__title {
  color: var(--colors-common-text-standard-on-color);
}
.panel-create-phonecall .fake-create-phonecall-title {
  width: 384px;
}
.panel-create-phonecall .fake-create-phonecall-object {
  width: 125px;
}
.panel-create-phonecall__content-title {
  margin: 0 0 var(--spacing-3);
}
.panel-create-phonecall__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.panel-create-phonecall__form .description-input-max-height .ProseMirror {
  height: 260px;
  max-height: 260px;
}
.panel-create-phonecall__form-advanced-settings > .compass-accordion__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.panel-create-phonecall__footer {
  display: flex;
  justify-content: end;
  padding: var(--spacing-3) var(--spacing-5);
  gap: var(--spacing-3);
  border-top: 1px solid var(--colors-common-border-default);
  background: var(--colors-common-background-default);
}

#compass-dropdown-container .phonecall-form__select-menu {
  z-index: 1001;
}
#compass-dropdown-container .select-time-phonecall {
  width: fit-content;
}
#compass-date-picker-container .panel-create-activity__datepicker {
  z-index: 1001;
}


.compass-feature-modal.upsell-modal {
    z-index: 1001;
}


.activity-detail-panel-footer[data-v-aa21831a] {
  display: flex;
  justify-content: end;
  padding: var(--spacing-3) var(--spacing-5);
  gap: var(--spacing-3);
  border-top: 1px solid var(--colors-common-border-default);
  background: var(--colors-common-background-default);
}

.participants-avatar-text[data-v-96a5f816] .compass-user__name.compass-user__name--small {
  white-space: normal;
  word-break: break-all;
}
.activity-detail-panel[data-v-96a5f816] .compass-panel__header-suffix {
  min-width: 0;
}
.activity-detail-panel__title[data-v-96a5f816] {
  align-items: center;
  color: var(--colors-common-text-standard-on-color);
  display: flex;
  gap: var(--spacing-1);
}
.activity-detail-panel__title-ellipsis[data-v-96a5f816] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activity-detail-panel__title .badge-activity-status[data-v-96a5f816] {
  height: 20px;
}
.activity-detail-panel__general-information[data-v-96a5f816], .activity-detail-panel__related-object[data-v-96a5f816] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.activity-detail-panel__general-information--title[data-v-96a5f816], .activity-detail-panel__related-object--title[data-v-96a5f816] {
  display: block;
  margin: 0 0 var(--spacing-1);
}
.activity-detail-panel__general-information[data-v-96a5f816] {
  margin: 0 0 var(--spacing-5);
}
.activity-detail-panel__general-information-phonecall[data-v-96a5f816] {
  border-top: solid 1px var(--colors-common-border-default);
  margin: var(--spacing-3) 0 0;
  padding: var(--spacing-3) 0 0;
}
.activity-detail-panel__general-information[data-v-96a5f816] .compass-description-list__item {
  min-width: 0;
}
.activity-detail-panel__general-information[data-v-96a5f816] .compass-description-list__item__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  min-width: 0;
}
.activity-detail-panel__general-information-date[data-v-96a5f816] {
  display: flex;
  gap: var(--spacing-0);
}
.activity-detail-panel__general-information-date .activity-detail-panel__calendar-icon-wrapper[data-v-96a5f816] {
  align-items: center;
  display: flex;
  height: 20px;
}
.activity-detail-panel__general-information-date-range[data-v-96a5f816] {
  display: flex;
  flex-direction: column;
}
.activity-detail-panel__general-information--assigned-staffs__button-more[data-v-96a5f816] {
  width: fit-content;
}

#compass-popover-container .activity-detail-panel__general-information--assigned-staffs__menu-more {
  min-width: 180px;
  max-width: 260px;
  z-index: 1001;
}
#compass-popover-container .activity-detail-panel__general-information--assigned-contacts__menu-more {
  max-width: 256.73px;
  z-index: 1001;
}
#compass-popover-container .compass-popover__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  overflow-y: auto;
  padding: var(--spacing-1);
}
#compass-popover-container .compass-popover__content .menu-more__item {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  word-break: break-word;
}

.ai-cancel-dialog p[data-v-45f67f34] {
  margin: 0;
}

.activity-delete-dialog__content[data-v-00b11e6a] {
  margin: 0;
}
.activity-delete-dialog-footer__container[data-v-00b11e6a] {
  display: flex;
  justify-content: end;
  gap: var(--spacing-3);
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}


.page-activities-crm-listing-all .compass-panel {
    z-index: 999;
}


.mass-reschedule-text[data-v-68ae45ff] {
  display: block;
  margin-bottom: var(--spacing-2);
}

.popup-mark-phone-call-done .compass-modal__modal__content:has(.phonecall-mark-done--loading) {
  padding: var(--spacing-7) 0 88px;
  margin: auto auto var(--spacing-5);
}
.popup-mark-phone-call-done .phonecall-mark-done--loading {
  height: var(--spacing-7);
  width: var(--spacing-7);
}
.popup-mark-phone-call-done .phonecall-mark-done--loading .compass-loader__circle,
.popup-mark-phone-call-done .phonecall-mark-done--loading .compass-loader__circle > svg {
  width: var(--spacing-7);
  height: var(--spacing-7);
}
.popup-mark-phone-call-done .phonecall-mark-done__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.popup-mark-phone-call-done .phonecall-mark-done__content .compass-form-item {
  flex: 1 1 50%;
}
.popup-mark-phone-call-done .phonecall-mark-done__content .container-result-duration {
  display: flex;
  gap: var(--spacing-3);
}
.popup-mark-phone-call-done .phonecall-mark-done__content .description-input-max-height .ProseMirror {
  height: 110px;
  max-height: 110px;
}
.popup-mark-phone-call-done .phonecall-mark-done__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-3);
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}
#compass-dropdown-container .select-result-phonecall {
  z-index: 1001;
}

.activities-listing-mass-modify-owner .compass-modal__modal__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
#compass-dropdown-container .activities-listing-mass-assign-owner-select-menu {
  z-index: 1001;
}

.activities-listing-mass-assign .compass-modal__modal__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.activities-listing-mass-assign .compass-modal__modal__content .activities-listing-mass-assign-select .compass-select__tag-container,
.activities-listing-mass-assign .compass-modal__modal__content .activities-listing-mass-assign-select .compass-input {
  max-height: 260px;
  overflow-y: auto;
}
.activities-listing-mass-assign .compass-modal__modal__content .activities-listing-mass-assign-alert {
  margin-bottom: var(--spacing-4);
}
.activities-listing-mass-assign .compass-modal__modal__content .activities-listing-mass-assign-info-text-color {
  color: var(--colors-common-text-subtle-default);
}
.activities-listing-mass-assign .compass-modal__modal__content .activities-listing-mass-assign-radio-group {
  margin-top: var(--spacing-4);
}
#compass-dropdown-container .activities-listing-mass-assign-select-menu {
  z-index: 1001;
}

.my-activities-card-config .compass-modal__modal__content .my-activities-card-config__description[data-v-ee0beafc] {
  margin: 0 0 var(--spacing-2);
}
.my-activities-card-config .compass-modal__modal__content .my-activities-card-config__select-spacing[data-v-ee0beafc] {
  margin-bottom: var(--spacing-4);
}
.my-activities-card-config .compass-modal__modal__content .my-activities-card-config__select[data-v-ee0beafc] {
  width: 50%;
}
[data-v-ee0beafc] .compass-select__tag-container {
  max-height: 312px;
  overflow-y: auto;
  overflow-x: hidden;
}

#compass-dropdown-container .my-activities-card-config__select-menu {
  width: 200px;
  z-index: 1001;
}

.activities-link-object .object-block[data-v-7b83efdd] {
  width: 100%;
}
.activities-link-object__selected-label[data-v-7b83efdd] {
  margin-bottom: var(--spacing-0);
}

.email-listing-delete-confirm-dialog__description[data-v-4d03b881] {
  margin: 0;
}

.automation-wizard-overview-description[data-v-2925b1ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-1);
  text-align: center;
}
.automation-wizard-overview-description__title[data-v-2925b1ff] {
  margin: 0;
}
.automation-wizard-overview-description__description[data-v-2925b1ff] {
  margin: 0;
}

.automation-wizard-overview-scenario[data-v-1f47c0e1] {
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: var(--spacing-1);
  padding: var(--spacing-4);
}
.automation-wizard-overview-scenario__trigger[data-v-1f47c0e1] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.automation-wizard-overview-scenario__trigger-label[data-v-1f47c0e1] {
  margin: 0;
  color: var(--colors-common-text-subtle-default);
}
.automation-wizard-overview-scenario__separator[data-v-1f47c0e1] {
  height: 40px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.automation-wizard-overview-scenario__separator[data-v-1f47c0e1]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--colors-common-border-lighter);
  z-index: 1;
}
.automation-wizard-overview-scenario__separator-icon[data-v-1f47c0e1] {
  color: var(--colors-common-border-focus);
  background: var(--colors-common-background-default);
  position: relative;
  z-index: 2;
  margin: var(--spacing-1);
  border-radius: 50%;
}
.automation-wizard-overview-scenario__actions[data-v-1f47c0e1] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.automation-wizard-overview-scenario__action[data-v-1f47c0e1] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.automation-wizard-overview-scenario__action-label[data-v-1f47c0e1] {
  margin: 0;
  color: var(--colors-common-text-subtle-default);
}

.automation-wizard-overview-container[data-v-ca265b3c] {
  display: flex;
  flex-direction: column;
}
.automation-wizard-overview-container__description[data-v-ca265b3c] {
  margin: 0 0 var(--spacing-6);
}
.automation-wizard-overview-container__scenario[data-v-ca265b3c] {
  margin: 0 0 var(--spacing-4);
}

.automation-wizard-field-select__skeleton[data-v-0278347b] {
  width: 100%;
}
.automation-wizard-field-select__skeleton[data-v-0278347b] .compass-skeleton__line--extra-large {
  height: 56px;
}

#compass-dropdown-container .automation-wizard-field-select {
  z-index: 1001;
}

.automation-wizard-field-pipeline-step-opp[data-v-ff018f2f] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.automation-wizard-field-pipeline-step-opp__skeleton[data-v-ff018f2f] {
  width: 100%;
}
.automation-wizard-field-pipeline-step-opp__skeleton[data-v-ff018f2f] .compass-skeleton__line--extra-large {
  height: 56px;
}

#compass-dropdown-container .automation-wizard-pipeline-step-select {
  z-index: 1001;
}

.automation-wizard-field-date__suffix[data-v-f88f629d] {
  color: var(--colors-common-text-standard-placeholder);
}

.automation-wizard-field-date-time[data-v-03bc63c1] {
  display: flex;
  gap: var(--spacing-3);
  width: 100%;
}
.automation-wizard-field-date-time[data-v-03bc63c1] .automation-wizard-field-date,
.automation-wizard-field-date-time[data-v-03bc63c1] .automation-wizard-field-time {
  flex: 1;
  min-width: 0;
}

.automation-wizard-field-priority__icon[data-v-578d5a13] {
  width: var(--spacing-5);
  height: var(--spacing-5);
}
.automation-wizard-field-priority[data-v-578d5a13]  .is-active.compass-icon-button > .compass-icon-button__content {
  color: var(--colors-common-background-warning-default);
}

.automation-wizard-field-numeric__suffix[data-v-1f3a8abb] {
  color: var(--colors-common-text-standard-placeholder);
}

.automation-wizard-task-reminder-wrapper[data-v-75647107] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.automation-wizard-task-reminder .reminder-container[data-v-75647107] {
  align-items: center;
  display: flex;
  gap: var(--spacing-4);
}
.automation-wizard-task-reminder .reminder-inapp[data-v-75647107] {
  margin-bottom: var(--spacing-1);
}
.automation-wizard-task-reminder .select-reminder[data-v-75647107] {
  flex-grow: 1;
}

#compass-dropdown-container .select-menu-reminder-automation {
  z-index: 1001;
  width: fit-content;
}

.automation-wizard-field-document-type-status[data-v-3b4e7a0f] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}

#compass-dropdown-container .automation-wizard-document-type-status-select {
  z-index: 1001;
}

.automation-wizard-form__information[data-v-3e904ee4] {
  margin: 0 0 var(--spacing-3);
}
.automation-wizard-form__field-group[data-v-3e904ee4] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.automation-wizard-panel-footer[data-v-3aacd2f3] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: var(--spacing-3) var(--spacing-4);
  gap: var(--spacing-3);
}
.automation-wizard-panel-footer__no-permission[data-v-3aacd2f3] {
  width: 100%;
}

.automation-wizard-condition-row[data-v-9d5328fa] {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23B690FF' stroke-width='2' stroke-dasharray='3,7' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");
  background-origin: content-box;
  background-repeat: no-repeat;
  border-radius: var(--spacing-2);
  padding: 1px;
}
.automation-wizard-condition-row__content[data-v-9d5328fa] {
  padding: var(--spacing-3);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.automation-wizard-condition-row__header[data-v-9d5328fa] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.automation-wizard-condition-row__title[data-v-9d5328fa] {
  flex: 1;
  color: var(--colors-common-text-subtle-default);
}
.automation-wizard-condition-row__inline-row[data-v-9d5328fa] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.automation-wizard-condition-row__inline-row[data-v-9d5328fa] > :last-child {
  flex: 1;
  min-width: 0;
}
.automation-wizard-condition-row__if-label[data-v-9d5328fa] {
  flex-shrink: 0;
}
.automation-wizard-condition-row__fields[data-v-9d5328fa] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.automation-wizard-condition-row__fields[data-v-9d5328fa] .compass-select,
.automation-wizard-condition-row__fields[data-v-9d5328fa] .compass-input,
.automation-wizard-condition-row__fields[data-v-9d5328fa] .compass-datepicker {
  width: 100%;
}
.automation-wizard-condition-row__fields--inline[data-v-9d5328fa] {
  flex-direction: row;
}
.automation-wizard-condition-row__fields--inline[data-v-9d5328fa] >  * {
  flex: 1;
  min-width: 0;
}
.automation-wizard-condition-row__checkboxes[data-v-9d5328fa] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.automation-wizard-condition-row[data-v-9d5328fa] .compass-alert {
  margin: 0;
  overflow-wrap: anywhere;
}
.fade-down-enter-active[data-v-9d5328fa] {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.fade-down-leave-active[data-v-9d5328fa] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.fade-down-enter-from[data-v-9d5328fa] {
  opacity: 0;
  transform: translateY(-8px);
}
.fade-down-leave-to[data-v-9d5328fa] {
  opacity: 0;
  transform: translateY(-8px);
}

.automation-wizard-condition[data-v-b5b3a0e9] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.automation-wizard-condition__and-separator[data-v-b5b3a0e9] {
  text-align: center;
  color: var(--colors-common-text-subtle-default);
  text-transform: uppercase;
}
.automation-wizard-condition__dashed-border[data-v-b5b3a0e9] {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23B690FF' stroke-width='2' stroke-dasharray='3,7' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");
  background-origin: content-box;
  background-repeat: no-repeat;
  border-radius: var(--spacing-2);
  padding: 1px;
}
.automation-wizard-condition__skeleton[data-v-b5b3a0e9] {
  padding: var(--spacing-3);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.automation-wizard-condition__skeleton-header[data-v-b5b3a0e9] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.automation-wizard-condition__skeleton-header[data-v-b5b3a0e9] .compass-skeleton:last-child {
  width: 120px;
}
.automation-wizard-condition__skeleton-row[data-v-b5b3a0e9] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.automation-wizard-condition__skeleton-row[data-v-b5b3a0e9] .compass-skeleton:first-child {
  width: 24px;
  flex-shrink: 0;
}
.automation-wizard-condition__skeleton-row[data-v-b5b3a0e9] .compass-skeleton:last-child {
  flex: 1;
}
.automation-wizard-condition__empty[data-v-b5b3a0e9] {
  padding: var(--spacing-5) var(--spacing-4);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-3);
  text-align: center;
}
.automation-wizard-condition__empty-text[data-v-b5b3a0e9] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.automation-wizard-condition__empty-title[data-v-b5b3a0e9] {
  margin: 0;
  color: var(--colors-common-text-standard-default);
}
.automation-wizard-condition__empty-subtitle[data-v-b5b3a0e9] {
  margin: 0;
  color: var(--colors-common-text-standard-caption);
}

.automation-wizard-panel__content > .automation-wizard-panel__heading[data-v-74ca78f2] {
  margin: 0 0 var(--spacing-4);
}
.automation-wizard-panel__content[data-v-74ca78f2] {
  display: flex;
  flex-direction: column;
}
.automation-wizard-panel__condition[data-v-74ca78f2] {
  margin-top: var(--spacing-3);
}

/* Ensures dropdown menus render above the CompassPanel overlay (z-index: 1000) */
#compass-dropdown-container .select-automation-wizard {
  z-index: 1001;
}

.automation-modal-update-version__default[data-v-164a8a2e] {
  display: flex;
  margin: 0 0 var(--spacing-4);
}
.automation-modal-update-version__default__loading[data-v-164a8a2e] {
  display: flex;
  align-items: center;
  margin: 0 0 var(--spacing-4) 0;
  gap: var(--spacing-0);
}
.automation-modal-update-version__footer[data-v-164a8a2e] {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 var(--spacing-4) 0;
}
.automation-modal-update-version__footer__apply-button[data-v-164a8a2e] {
  margin-left: var(--spacing-3);
}

.purchase-upload[data-v-241dff60] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  border-radius: var(--spacing-1);
  border: 1px dashed var(--colors-common-border-lighter);
  padding: var(--spacing-4);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.purchase-upload[data-v-241dff60]:not(.is-uploading):hover, .purchase-upload:not(.is-uploading).is-dragging[data-v-241dff60] {
  cursor: pointer;
  background-color: var(--colors-common-background-primary-subtle);
  border-color: var(--colors-common-border-informative);
}
.purchase-upload__input[data-v-241dff60] {
  display: none;
}
.purchase-upload__dropzone[data-v-241dff60] {
  text-align: center;
}
.purchase-upload__dropzone-content[data-v-241dff60] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.purchase-upload__dropzone-content__limit[data-v-241dff60] {
  color: var(--colors-common-text-subtle-default);
  margin-bottom: var(--spacing-3);
}
.purchase-upload__dropzone-loader[data-v-241dff60] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2);
}
.purchase-upload__dropzone-loader__counter[data-v-241dff60] {
  color: var(--colors-common-text-standard-default);
}

.purchase-file[data-v-047e30fa] {
  border-radius: var(--spacing-1);
  padding: var(--spacing-2);
  display: flex;
  box-shadow: var(--elevation-1);
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-2);
}
.purchase-file__meta[data-v-047e30fa] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}
.purchase-file__text[data-v-047e30fa] {
  display: flex;
  flex-direction: column;
}
.purchase-file__name[data-v-047e30fa] {
  color: var(--colors-common-text-standard-default);
}
.purchase-file__size[data-v-047e30fa] {
  color: var(--colors-common-text-subtle-default);
}
.purchase-file__error[data-v-047e30fa] {
  color: var(--colors-common-text-alert-default);
}

.purchase-modal[data-v-e11c4d70] {
  z-index: 2007 !important;
}
.purchase-modal__header[data-v-e11c4d70] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.purchase-modal__content[data-v-e11c4d70] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.purchase-modal__separator[data-v-e11c4d70] {
  position: relative;
  text-align: center;
}
.purchase-modal__separator[data-v-e11c4d70]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--colors-common-border-lighter);
  transform: translateY(-50%);
  z-index: 0;
}
.purchase-modal__separator span[data-v-e11c4d70] {
  text-transform: uppercase;
  position: relative;
  padding: 0 var(--spacing-3);
  color: var(--colors-common-text-standard-caption);
  background-color: var(--colors-common-background-default);
  z-index: 1;
}
.purchase-modal__list[data-v-e11c4d70] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}
.purchase-modal--empty-footer[data-v-e11c4d70] .compass-modal__modal__footer {
  min-height: 32px;
}

.popup-update-bank-infos div > p > i {
  cursor: pointer;
}
.popup-update-bank-infos .el-dialog__wrapper .el-dialog.flex-column {
  max-height: 800px;
  border-radius: 4px;
}
.popup-update-bank-infos .el-dialog__wrapper .el-dialog.flex-column .el-dialog__header {
  padding-bottom: 24px;
}
.popup-update-bank-infos .el-dialog__wrapper .el-dialog.flex-column .el-dialog__header button i {
  color: #111111;
}

.compass-modal {
  z-index: 1000 !important;
}
.popup-panel .el-dialog {
  color: #111111;
  margin-top: 60px;
  text-align: left;
  width: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.popup-panel .el-dialog:not(.is-fullscreen) {
  max-width: 480px;
}
.popup-panel .el-dialog .el-dialog__wrapper {
  padding: 16px;
}
.popup-panel .el-dialog .el-dialog__header {
  padding: 24px 48px 16px 16px;
}
@media only screen and (min-width: 550px) {
.popup-panel .el-dialog .el-dialog__header {
    padding: 32px 64px 24px 32px;
}
}
.popup-panel .el-dialog .el-dialog__header .el-dialog__title {
  color: #111111;
  font-size: 20px;
  font-weight: 700;
}
.popup-panel .el-dialog .el-dialog__header .el-dialog__headerbtn {
  border-radius: 4px;
  height: 24px;
  right: 16px;
  top: 24px;
  width: 24px;
}
@media only screen and (min-width: 550px) {
.popup-panel .el-dialog .el-dialog__header .el-dialog__headerbtn {
    right: 32px;
    top: 32px;
}
}
.popup-panel .el-dialog .el-dialog__header .el-dialog__headerbtn:hover {
  background: rgba(72, 104, 253, 0.1);
}
.popup-panel .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #111111;
}
.popup-panel .el-dialog .el-dialog__body {
  color: #111111;
  padding: 0 16px 24px;
  word-break: keep-all;
}
@media only screen and (min-width: 550px) {
.popup-panel .el-dialog .el-dialog__body {
    padding: 0 32px 24px;
}
}
.popup-panel .el-dialog .el-dialog__footer button + button {
  margin-left: 16px;
}
.popup-panel .el-dialog .dialog-footer {
  display: flex;
  justify-content: flex-end;
}
.compass-modal {
  z-index: 1000 !important;
}
#popupAgenda .el-dialog {
  max-width: 1080px;
}
.nav.toggle-hover > li:hover .dropdown-menu {
  display: block;
}

.doughnut[data-v-211ed05f] {
  width: 40%;
  margin: auto;
  margin-bottom: 30px;
}
.filters .el-input__prefix[data-v-211ed05f],
.filters .el-input__suffix[data-v-211ed05f] {
  top: -5px;
}
.filters .el-date-editor .el-input__inner[data-v-211ed05f],
.filters .el-date-editor.el-input__inner[data-v-211ed05f] {
  width: 350px;
  padding: 0 30px;
}
.filters[data-v-211ed05f] .date-picker-report {
  width: fit-content;
}

.radio-item[data-v-80e8bd86] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  width: 100%;
  padding: var(--spacing-2);
  border: 1px solid transparent;
  border-radius: var(--spacing-1);
  background: var(--colors-common-background-default);
  box-shadow: var(--elevation-0);
  transition: box-shadow 0.2s linear, border-color 0.2s linear;
}
.radio-item[data-v-80e8bd86] p {
  margin: 0;
}
.radio-item[data-v-80e8bd86]:not(.radio-item--disabled):not(.radio-item--selected):hover {
  cursor: pointer;
  box-shadow: var(--box-shadows-large);
}
.radio-item--selected[data-v-80e8bd86] {
  border-color: var(--colors-common-border-darkest);
  box-shadow: none;
}
.radio-item--disabled[data-v-80e8bd86] {
  cursor: not-allowed;
  box-shadow: var(--elevation-0);
}
.radio-item--disabled.radio-item--selected[data-v-80e8bd86] {
  border-style: dashed;
  border-color: var(--colors-common-border-default);
  box-shadow: none;
}
.radio-item__row[data-v-80e8bd86] {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
}
.radio-item__radio[data-v-80e8bd86] {
  flex-shrink: 0;
}
.radio-item__label[data-v-80e8bd86] {
  flex: 1;
  min-width: 0;
  word-break: break-word;
}
.radio-item--disabled .radio-item__label[data-v-80e8bd86], .radio-item--disabled .radio-item__description[data-v-80e8bd86] {
  color: var(--colors-common-text-standard-disabled-light);
}
.radio-item__caption[data-v-80e8bd86] {
  color: var(--colors-common-text-standard-caption);
  word-break: break-word;
}
.radio-item__pill[data-v-80e8bd86] {
  position: absolute;
  top: -6px;
  right: var(--spacing-1);
}
.radio-item__description[data-v-80e8bd86] {
  display: grid;
  grid-template-rows: 1fr;
  width: 100%;
}
.radio-item__description-inner[data-v-80e8bd86] {
  min-height: 0;
  overflow: hidden;
}
.radio-item .description-enter-active[data-v-80e8bd86],
.radio-item .description-leave-active[data-v-80e8bd86] {
  transition: all 0.2s ease-in-out;
}
.radio-item .description-enter-from[data-v-80e8bd86],
.radio-item .description-leave-to[data-v-80e8bd86] {
  grid-template-rows: 0fr;
  opacity: 0;
}

.e-invoicing-flow-selector[data-v-83d03733] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.e-invoicing-flow-selector p[data-v-83d03733] {
  margin: 0;
}
.e-invoicing-flow-selector__einvoicing-container[data-v-83d03733] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.e-invoicing-flow-selector__einvoicing-radio[data-v-83d03733] .radio-item__description-inner {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.e-invoicing-flow-selector__caption[data-v-83d03733] {
  color: var(--colors-common-text-subtle-default);
}
.e-invoicing-flow-selector__criteria[data-v-83d03733] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  margin: 0;
  padding: 0;
  list-style: none;
}
.e-invoicing-flow-selector__criterion[data-v-83d03733] {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
}
.e-invoicing-flow-selector__helper[data-v-83d03733] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-0);
  border-radius: var(--spacing-0);
  background: var(--colors-common-background-subtle);
}
.e-invoicing-flow-selector__helper img[data-v-83d03733] {
  flex-shrink: 0;
  width: 43px;
  height: 43px;
}
.e-invoicing-flow-selector__warning[data-v-83d03733] {
  color: var(--colors-common-text-warning-darker);
}

.einvoicing-address-select[data-v-5d3159f2] .compass-input__slot {
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}

.dialog-finalize-document__attention[data-v-e7395232] {
  margin: 0 0 var(--spacing-3);
}
.dialog-finalize-document__finalize-call-out[data-v-e7395232], .dialog-finalize-document__compliance-alert[data-v-e7395232] {
  margin-bottom: var(--spacing-2);
}
.dialog-finalize-document__flow-selector[data-v-e7395232] {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-1);
}
.dialog-finalize-document__einvoicing-address-alert[data-v-e7395232] {
  margin-top: var(--spacing-4);
}
.dialog-finalize-document__einvoicing-address[data-v-e7395232] {
  margin: var(--spacing-4) 0;
}
.dialog-finalize-document__list-description[data-v-e7395232] {
  margin: 0 0 var(--spacing-0);
}
.dialog-finalize-document__list[data-v-e7395232] {
  list-style: disc;
  margin: 0 0 var(--spacing-3);
  padding-left: var(--spacing-4);
}
.dialog-finalize-document .compass-datepicker[data-v-e7395232] {
  width: 150px;
}
.dialog-finalize-document .compass-skeleton[data-v-e7395232]:first-child {
  width: 59px;
  margin-bottom: var(--spacing-1);
}

#compass-dropdown-container .finalize_einvoicing_select {
  z-index: 1001;
}

.overview-action--pdf-pending {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}


input.is-disabled[data-v-6a04b326] {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}
input.is-disabled[data-v-6a04b326]::placeholder {
    color: #c0c4cc;
}


.rb-doc-listing .el-table__expanded-cell {
  border-left: 3px solid #4868fd;
}

.bank-reconciliation-filter[data-v-a21e90bd] .el-select {
  width: 200px;
}
.bank-reconciliation-filter .el-input__prefix[data-v-a21e90bd],
.bank-reconciliation-filter .el-input__suffix[data-v-a21e90bd] {
  top: -5px;
}
.bank-reconciliation-filter[data-v-a21e90bd] .el-date-editor.el-date-editor--daterange {
  width: 150px;
}
.bank-reconciliation-filter[data-v-a21e90bd] .el-date-editor .el-input__inner,
.bank-reconciliation-filter[data-v-a21e90bd] .el-date-editor.el-input__inner {
  width: 350px;
  padding: 0 30px;
}
.bank-reconciliation-filter__fields[data-v-a21e90bd] {
  display: flex;
  gap: var(--spacing-1);
}

.fixed-footer[data-v-dea726e2] {
  padding-left: 50px;
}
.slide-enter-active[data-v-dea726e2],
.slide-leave-active[data-v-dea726e2] {
  transition: all 1s ease;
}
.slide-enter[data-v-dea726e2],
.slide-leave-to[data-v-dea726e2] {
  transform: translateY(100%);
}

.document-form .dialog__header {
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}
.document-form .dialog__header--container {
  display: flex;
  align-items: center;
  font-family: var(--font-families-lato), Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
.document-form .dialog__header--title {
  font-weight: 700;
  margin-right: 5px;
}
.document-form .dialog__header--close {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.document-form .dialog__default {
  padding-bottom: 24px;
}
.document-form .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}


.sub-title {
    border-top: solid 2px lightgray;
    color: gray;
}

/* RESET TO DEFAULT STYLE */
.el-table td,
.el-table th {
    border-right: none;
    border-bottom: none;
}


.addBankBtn {
  float: right;
}
.bank-modal .dialog__default {
  padding-bottom: 24px;
}
.bank-modal .dialog__default p:first-child {
  margin: 0;
}

.step-form .dialog__default[data-v-10426d44] {
  padding-bottom: 0px;
}
.step-form .dialog__default h3[data-v-10426d44] {
  margin: 0;
}
.step-form .dialog__default .custom-width-select[data-v-10426d44] {
  width: 120px;
}
.step-form .dialog__footer[data-v-10426d44] {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}

.step-modal .dialog__default[data-v-c71e287a] {
  padding-bottom: var(--spacing-4);
}
.step-modal .dialog__footer[data-v-c71e287a] {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-5) var(--spacing-4);
}
ul[data-v-c71e287a] {
  margin: 0;
}
.well[data-v-c71e287a] {
  border-radius: 0;
}
.step-day[data-v-c71e287a] {
  width: 160px;
}
.step-name[data-v-c71e287a] {
  flex: 1;
}
.step-contact[data-v-c71e287a] {
  width: 320px;
}
li[data-v-c71e287a] {
  position: relative;
  display: flex;
  align-items: center;
}
li .chip[data-v-c71e287a] {
  border: solid #4868fd 1px;
  background-color: transparent;
}
li .well[data-v-c71e287a] {
  flex: 1;
  display: flex;
  align-items: center;
  border-radius: 0;
}
li .well .el-dropdown[data-v-c71e287a] {
  margin-left: auto;
}

.plan-modal .dialog__default[data-v-c1247a16] {
  padding-bottom: var(--spacing-4);
}
.plan-modal .dialog__default--delete[data-v-c1247a16] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.plan-modal .dialog__default--delete .compass-button[data-v-c1247a16] {
  white-space: nowrap;
}
.plan-modal .dialog__default--message[data-v-c1247a16] {
  font-size: 14px;
}
.plan-modal .dialog__footer[data-v-c1247a16] {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-5) var(--spacing-4);
}
.well.dialog__default--delete[data-v-c1247a16] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.dunning-modal .dialog__default[data-v-fe7bba6d] {
  padding-bottom: 24px;
}
.dunning-modal .dialog__default p[data-v-fe7bba6d] {
  margin: 0;
}
.dunning-modal .dialog__footer[data-v-fe7bba6d] {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.dunning-header[data-v-fe7bba6d] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4px;
}
.link.disabled[data-v-fe7bba6d] {
  color: #8c909c !important;
  cursor: not-allowed;
}

.counter-form__preview[data-v-c84712f4] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  margin-bottom: var(--spacing-3);
}
.counter-form__preview-label[data-v-c84712f4] {
  color: var(--colors-common-text-standard-caption);
}
.counter-form__fields[data-v-c84712f4] {
  display: flex;
  gap: var(--spacing-3);
}
.counter-form__field[data-v-c84712f4] {
  flex: 1 1 160px;
  min-width: 0;
}
.counter-form__field--small[data-v-c84712f4] {
  flex: 0 1 100px;
  max-width: 100px;
}
.counter-form__skeleton-field[data-v-c84712f4] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.counter-form__skeleton-label[data-v-c84712f4] {
  max-width: 60%;
}
.counter-form__skeleton-preview-label[data-v-c84712f4] {
  max-width: 120px;
}
.counter-form__skeleton-preview-value[data-v-c84712f4] {
  max-width: 220px;
}

#compass-dropdown-container .counter-form__select-menu {
  width: fit-content;
  z-index: 1001;
}

.counter-draft-form__subtitle[data-v-3ba051d7] {
  margin: 0 0 var(--spacing-3);
}
.counter-draft-form[data-v-3ba051d7] .compass-form-item__input {
  max-width: 120px;
}
.counter-draft-form__skeleton-field[data-v-3ba051d7] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  max-width: 120px;
}
.counter-draft-form__skeleton-label[data-v-3ba051d7] {
  max-width: 70%;
}

.counters__fixed-width-cell[data-v-6adcac65] {
  white-space: nowrap;
  width: 1%;
}

.fiscal-year-line .el-input__prefix,
.fiscal-year-line .el-input__suffix {
  top: -5px;
}
.fiscal-year-line .el-date-editor .el-input__inner,
.fiscal-year-line .el-date-editor.el-input__inner {
  width: 220px;
  padding: 0 30px;
}
.fiscal-year-line .el-button.is-circle {
  height: 40px;
  padding: 12px;
}
.fiscal-year-line .has-error input {
  border-color: #f06868;
}
.fiscal-year-line .error-msg {
  color: #f06868;
}

.warehouse-remain {
  display: flex;
  flex-direction: row;
}
.warehouse-remain .dialog__default {
  padding-bottom: 24px;
}
.warehouse-remain .dialog__default p {
  margin: 0 0 var(--spacing-3);
}
.warehouse-remain .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.counter-customisation .has-error input {
  border-color: #f06868;
}
.counter-customisation .error-msg {
  color: #f06868;
}

.avatar-wrapper[data-v-d35f0917] {
  min-width: 272px;
}
.staff-detail[data-v-d35f0917] {
  width: 160px;
}
.staff-name[data-v-d35f0917] {
  font-size: 20px;
}
.staff-list[data-v-d35f0917] {
  background-color: #ffffff;
  top: -24px;
  left: -16px;
  z-index: 99;
}
.list-staffs[data-v-d35f0917] {
  max-height: 300px;
}

.overview-topbar[data-v-f7c3a4d7] {
  width: calc(100% + 56px);
}
.overview-topbar .overview-topbar-wrapper .avatar-wrapper .staff-detail .staff-name[data-v-f7c3a4d7] {
  font-size: 20px;
}
.overview-topbar .overview-topbar-wrapper .submenu-wrapper .submenu[data-v-f7c3a4d7]:first-of-type::after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0px;
  width: 1px;
  height: calc(100% - 32px);
  margin: auto;
  background-color: lightgrey;
}
.overview-topbar .overview-topbar-wrapper .submenu-wrapper .submenu[data-v-f7c3a4d7]:last-of-type {
  padding-left: 32px;
}
.overview-topbar .overview-topbar-wrapper .submenu-wrapper .submenu .staff-container[data-v-f7c3a4d7] {
  width: 232px;
}
.overview-topbar .overview-topbar-wrapper .submenu-wrapper .submenu .staff-container li[data-v-f7c3a4d7]:nth-of-type(6n + 1) {
  margin-left: 0 !important;
}

.item .item-module[data-v-4bae2ccf] {
  min-height: 16px;
}

.card[data-v-3738aaf4] {
  margin-bottom: 16px;
}

.overview-staff-root[data-v-88893e4f] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.overview-staff-root .overview-body .toggle-card-container[data-v-88893e4f] {
  display: inline-block;
  width: 272px;
  vertical-align: top;
}

.itemsSelector li[data-v-780097be] {
  padding: 8px !important;
}
.itemsSelector li[data-v-780097be]:hover {
  background-color: #edf0ff;
}
.itemsSelector[data-v-780097be] {
  max-height: 240px;
  overflow-y: scroll;
}
.selectedLabel[data-v-780097be] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-table.table-condensed .selectedItem[data-v-780097be] {
  padding: 4px 0;
}

.kpi-item[data-v-324496c7] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  min-width: 120px;
}
.kpi-item__illustration[data-v-324496c7] {
  flex: 0 0 auto;
  height: var(--spacing-5);
  width: var(--spacing-5);
}
.kpi-item__label[data-v-324496c7] {
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 2px;
  text-transform: uppercase;
}
.kpi-item__value[data-v-324496c7] {
  align-items: center;
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
}
.kpi-item__suffix[data-v-324496c7] {
  color: var(--colors-common-text-standard-caption);
  text-transform: uppercase;
}

.kpi-item[data-v-3f1b2ac3] {
  position: relative;
}
.kpi-item[data-v-3f1b2ac3] .compass-progress-bar {
  width: 220px;
}
.kpi-item[data-v-3f1b2ac3] .compass-tooltip {
  display: block;
}
.kpi-item__label[data-v-3f1b2ac3] {
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 2px;
  text-transform: uppercase;
}

.kpi-item[data-v-59b7ed9f] {
  align-items: center;
  display: flex;
  gap: var(--spacing-2);
}
.kpi-item__illustration[data-v-59b7ed9f] {
  flex: 0 0 auto;
  height: 38px;
  width: 38px;
}
.kpi-item__label[data-v-59b7ed9f] {
  color: var(--colors-common-text-subtle-default);
  margin: 0;
}

.kpi-list[data-v-3b9a2cec] {
  align-items: end;
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
  display: flex;
  gap: var(--spacing-3);
  padding: var(--spacing-2);
}
.kpi-list--has-warning[data-v-3b9a2cec] {
  flex: 1;
}
.kpi-list__container[data-v-3b9a2cec] {
  margin: calc(var(--spacing-1) * -1) 0 0;
  position: relative;
}
.kpi-list__container:hover .kpi-list__scroll-button[data-v-3b9a2cec] {
  visibility: visible;
}
.kpi-list__wrapper[data-v-3b9a2cec] {
  display: flex;
  gap: var(--spacing-3);
  min-width: 100%;
  padding: var(--spacing-1) 0 var(--spacing-2);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-y: auto;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.kpi-list__navigation-button[data-v-3b9a2cec] {
  bottom: 0;
  display: flex;
  padding: 20px 0 0;
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 1;
}
.kpi-list__navigation-button--left[data-v-3b9a2cec] {
  background: linear-gradient(270deg, rgba(243, 244, 246, 0) 10%, #f3f4f6 100%);
  justify-content: flex-start;
  left: 0;
}
.kpi-list__navigation-button--right[data-v-3b9a2cec] {
  background: linear-gradient(270deg, #f3f4f6 10%, rgba(243, 244, 246, 0) 100%);
  justify-content: flex-end;
  right: 0;
}
.kpi-list__scroll-button[data-v-3b9a2cec] {
  align-items: center;
  background-color: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 0;
  visibility: hidden;
  width: 24px;
}
.kpi-list__scroll-button[data-v-3b9a2cec]:hover {
  border-color: var(--colors-common-border-default);
}
.kpi-list__skeleton-item[data-v-3b9a2cec] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  min-width: 120px;
}
.kpi-list__skeleton--header[data-v-3b9a2cec] {
  width: 54px;
}
.kpi-list__skeleton--value[data-v-3b9a2cec] {
  width: 92px;
}

.slide-fade-enter-active[data-v-52cc1a6e],
.slide-fade-leave-active[data-v-52cc1a6e] {
  transition: all 300ms ease;
}
.slide-fade-enter[data-v-52cc1a6e],
.slide-fade-leave-to[data-v-52cc1a6e] {
  transform: translateY(-100%);
  opacity: 0;
}
.xslide-fade-enter-active[data-v-52cc1a6e],
.xslide-fade-leave-active[data-v-52cc1a6e] {
  transition: all 300ms ease;
}
.xslide-fade-enter[data-v-52cc1a6e],
.xslide-fade-leave-to[data-v-52cc1a6e] {
  transform: translateX(-100%);
  flex: 0;
  opacity: 0;
}
.fade-enter-active[data-v-52cc1a6e], .fade-leave-active[data-v-52cc1a6e] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-52cc1a6e], .fade-leave-to[data-v-52cc1a6e] {
  opacity: 0;
}
.flex-row .leftpane[data-v-52cc1a6e] {
  width: 280px;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
.listing-map[data-v-16f2c3e0] {
  flex: 1;
  position: relative;
}

#map.leaflet-container {
  font: inherit !important;
}
#map.leaflet-container a.leaflet-popup-close-button {
  font-family: inherit;
  font-weight: inherit;
  padding: 0;
  display: inline-flex;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 24px;
  margin-top: var(--spacing-1);
  margin-right: var(--spacing-1);
}
#map.leaflet-container .tag-relationType {
  border-radius: 8px;
}
#map .leaflet-bottom {
  pointer-events: auto !important;
}
#map .el-checkbox__inner {
  height: 16px !important;
  width: 16px !important;
}
#map .el-checkbox__inner:after {
  border-width: 2px !important;
  left: 4.5px !important;
}
#map .el-checkbox__label {
  font-size: 12px !important;
  line-height: 16px !important;
  display: flex !important;
  align-items: center;
}
.map-additional-control .leaflet-center.marker-loader {
  left: calc((100% - 74px) / 2);
}
.map-additional-control .leaflet-center.marker-loader .leaflet-bar {
  width: 74px;
  height: 33px;
  border: none;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
}
.map-additional-control .leaflet-center.marker-loader .leaflet-bar .marker-loader-icon,
.map-additional-control .leaflet-center.marker-loader .leaflet-bar .el-icon-circle-check,
.map-additional-control .leaflet-center.marker-loader .leaflet-bar .el-loading-parent--relative,
.map-additional-control .leaflet-center.marker-loader .leaflet-bar .el-loading-spinner .circular {
  width: 17px;
  height: 17px;
  font-size: 17px;
}
.map-additional-control .leaflet-center.marker-loader .leaflet-bar .el-loading-mask {
  background-color: #ffffff;
}
.map-additional-control .leaflet-center.marker-loader .leaflet-bar .el-loading-spinner {
  top: auto;
  margin-top: 0;
  width: 17px;
}
.map-additional-control .leaflet-center.marker-loader .leaflet-bar .percentage {
  font-size: 14px;
  font-weight: 600;
}
.map-additional-control .fade-enter-active {
  transition: all 250ms ease;
}
.cluster {
  background-color: var(--colors-component-background-information-tag-subtle-brand);
  border-color: var(--colors-component-border-tag-blue);
  color: var(--colors-component-text-tag-subtle-brand);
}
.cluster--contact {
  background-color: var(--colors-component-background-information-tag-subtle-teal);
  border-color: var(--colors-component-border-tag-teal);
  color: var(--colors-component-text-tag-subtle-teal);
}
.cluster--client {
  background-color: var(--colors-component-background-information-tag-subtle-light-blue);
  border-color: var(--colors-component-border-tag-light-blue);
  color: var(--colors-component-text-tag-subtle-light-blue);
}
.cluster--prospect {
  background-color: var(--colors-component-background-information-tag-subtle-purple);
  border-color: var(--colors-component-border-tag-purple);
  color: var(--colors-component-text-tag-subtle-purple);
}
.cluster--supplier {
  background-color: var(--colors-component-background-information-tag-subtle-coral);
  border-color: var(--colors-component-border-tag-coral);
  color: var(--colors-component-text-tag-subtle-coral);
}
.cluster--company {
  background-color: var(--colors-component-background-information-tag-subtle-brand);
  border-color: var(--colors-component-border-tag-blue);
  color: var(--colors-component-text-tag-subtle-brand);
}
.cluster--individual {
  background-color: var(--colors-component-background-information-tag-subtle-orange);
  border-color: var(--colors-component-border-tag-orange);
  color: var(--colors-component-text-tag-subtle-orange);
}
.cluster--archived {
  background-color: var(--colors-component-background-information-tag-subtle-gray);
  border-color: var(--colors-component-border-tag-gray);
  color: var(--colors-component-text-tag-subtle-gray);
}
.tag-third-map {
  border: 1px solid;
  border-radius: 44px;
  display: inline-block;
  font-family: var(--font-families-lato);
  margin: var(--spacing-0) 0 0;
  padding: 0 var(--spacing-1);
}
.tag-third-map--contact {
  background-color: var(--colors-component-background-information-tag-subtle-teal);
  border-color: var(--colors-component-border-tag-teal);
  color: var(--colors-component-text-tag-subtle-teal);
}
.tag-third-map--client {
  background-color: var(--colors-component-background-information-tag-subtle-light-blue);
  border-color: var(--colors-component-border-tag-light-blue);
  color: var(--colors-component-text-tag-subtle-light-blue);
}
.tag-third-map--prospect {
  background-color: var(--colors-component-background-information-tag-subtle-purple);
  border-color: var(--colors-component-border-tag-purple);
  color: var(--colors-component-text-tag-subtle-purple);
}
.tag-third-map--supplier {
  background-color: var(--colors-component-background-information-tag-subtle-coral);
  border-color: var(--colors-component-border-tag-coral);
  color: var(--colors-component-text-tag-subtle-coral);
}
.tag-third-map--company {
  background-color: var(--colors-component-background-information-tag-subtle-brand);
  border-color: var(--colors-component-border-tag-blue);
  color: var(--colors-component-text-tag-subtle-brand);
}
.tag-third-map--individual {
  background-color: var(--colors-component-background-information-tag-subtle-orange);
  border-color: var(--colors-component-border-tag-orange);
  color: var(--colors-component-text-tag-subtle-orange);
}
.tag-third-map--archived {
  background-color: var(--colors-component-background-information-tag-subtle-gray);
  border-color: var(--colors-component-border-tag-gray);
  color: var(--colors-component-text-tag-subtle-gray);
}

.slide-fade-enter-active[data-v-95d3e464],
.slide-fade-leave-active[data-v-95d3e464] {
  transition: all 300ms ease;
}
.slide-fade-enter[data-v-95d3e464],
.slide-fade-leave-to[data-v-95d3e464] {
  transform: translateY(-100%);
  opacity: 0;
}
.xslide-fade-enter-active[data-v-95d3e464],
.xslide-fade-leave-active[data-v-95d3e464] {
  transition: all 300ms ease;
}
.xslide-fade-enter[data-v-95d3e464],
.xslide-fade-leave-to[data-v-95d3e464] {
  transform: translateX(-100%);
  flex: 0;
  opacity: 0;
}
.fade-enter-active[data-v-95d3e464], .fade-leave-active[data-v-95d3e464] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-95d3e464], .fade-leave-to[data-v-95d3e464] {
  opacity: 0;
}
.flex-row .leftpane[data-v-95d3e464] {
  width: 280px;
}
.map-listing__view-switch[data-v-95d3e464] {
  margin-left: var(--spacing-1);
}

.el-slider .el-input-number .el-icon-minus,
.el-slider .el-input-number .el-icon-plus {
  line-height: 22px;
}

.step-subcription-root[data-v-0a9dac86] {
  font-size: 14px;
}

.slider-free .el-slider__runway,
.slider-free .el-slider__stop {
  background-color: #111111;
}
.slider-free .el-slider__button-wrapper {
  display: none;
}
.slider-priced .el-slider__marks-text,
.slider-free .el-slider__marks-text {
  color: #111111;
}
.is-max-range {
  pointer-events: none;
}
.is-max-range .el-slider__bar {
  width: 100%;
}
.is-max-range .el-slider__button-wrapper {
  left: 100%;
}

.saas-cgu .header .back-link {
  height: 20px;
}
.saas-cgu .container {
  width: 820px;
}
.saas-cgu .container .cgu-accepted-message .el-alert__title {
  font-size: 14px;
  line-height: 14px;
}
.saas-cgu .container .pdf-embed {
  width: 100%;
  height: calc(100vh - 190px);
}
.saas-cgu .container .pdf-embed.cgu-accepted {
  height: calc(100vh - 220px);
}

.bottom-bar[data-v-5ecf6a49] {
  z-index: 1;
  background: white;
}

.rangeInputDate .el-form-item__content[data-v-2d4d938b] {
  line-height: 0;
}
.step-subcription-root[data-v-2d4d938b] {
  padding-bottom: 90px;
}
.product-list .product-line-title[data-v-2d4d938b] {
  width: 120px;
}
.product-list .product-line-price > div[data-v-2d4d938b],
.amount-month-price-select[data-v-2d4d938b] {
  width: 70px;
}
.pricing-step[data-v-2d4d938b] {
  transition: all 0.3s ease;
}
.pricing-step:hover .delete-pricing-step[data-v-2d4d938b] {
  opacity: 1;
  right: 0;
}
.delete-pricing-step[data-v-2d4d938b] {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%);
  border: none;
  opacity: 0;
  position: absolute;
  right: -10px;
  transition: all 0.3s ease;
}

.step-subcription-root .el-input-number.is-controls-right input {
  height: 29px;
}
.step-subcription-root .total-user input {
  text-align: right;
}
.no-caret .el-select__caret {
  display: none;
}


.subscriptionform-back[data-v-59b612d8] {
    display: flex;
    justify-content: flex-start;
}
.cart-error-container[data-v-59b612d8] {
    margin-top: 64px !important;
}
.cart-error-txt[data-v-59b612d8] {
    color: #111111;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 29px;
    text-align: center;
}
.cart-error-btn[data-v-59b612d8] {
    margin-top: 64px !important;
}


p[data-v-de494162] {
  margin: 0;
}
.plugin-item[data-v-de494162] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
}
.description[data-v-de494162] {
  color: var(--colors-common-text-standard-placeholder);
  width: 275px;
}

.plugins-list[data-v-2029dfa9] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}
.plugin-summary__content[data-v-2029dfa9] {
  margin-top: var(--spacing-6);
}
.plugin-summary__content-title[data-v-2029dfa9] {
  margin-bottom: var(--spacing-1);
  margin-top: 0;
}
.plugin-summary__loading[data-v-2029dfa9] {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-6);
}

.card-manager .el-button.el-button--text {
  padding: 0;
}

.manage-chargebee-account[data-v-00bc3663] {
  border: 1px solid var(--colors-common-border-default);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: var(--spacing-3);
}
.manage-chargebee-account h3[data-v-00bc3663] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  margin: 0;
  padding-bottom: var(--spacing-1);
}
.manage-chargebee-account__container-btn[data-v-00bc3663] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  padding: var(--spacing-1) 0;
}
.manage-chargebee-account__container-btn .compass-button[data-v-00bc3663] {
  width: fit-content;
}

.preloader-container__loader[data-v-5be1b685]  {
  height: 216px;
  width: 100%;
}
.preloader-container__loader[data-v-5be1b685]  .compass-loader--medium {
  height: 64px;
  width: 64px;
}
.preloader-container__loader[data-v-5be1b685]  .compass-loader--medium .compass-icon--medium {
  height: 64px;
  width: 64px;
}
.chargebee-quota-dialog__subtitle[data-v-5be1b685] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  margin: 0;
  padding-bottom: var(--spacing-3);
}
.chargebee-quota-dialog__credit[data-v-5be1b685] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  padding: var(--spacing-3) var(--spacing-1);
}
.chargebee-quota-dialog__credit-title[data-v-5be1b685] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: var(--spacing-1);
}
.chargebee-quota-dialog__credit-title-name[data-v-5be1b685] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
}
.chargebee-quota-dialog__credit-title-name .compass-icon[data-v-5be1b685] {
  color: var(--colors-common-icon-neutral);
}
.chargebee-quota-dialog__credit-title-remaining--none[data-v-5be1b685] {
  color: var(--support-alert-50);
}
.chargebee-quota-dialog__credit-content[data-v-5be1b685] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.chargebee-quota-dialog__credit-content-input[data-v-5be1b685]  {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
}
.chargebee-quota-dialog__credit-content-input[data-v-5be1b685]  span {
  color: var(--colors-common-text-standard-caption);
}
.chargebee-quota-dialog__credit-content-input[data-v-5be1b685]  .compass-number-input.compass-number-input--medium .compass-number-input__input.compass-input__inner {
  width: 54px;
  margin: 0 -1px;
}
.chargebee-quota-dialog__credit-content-input[data-v-5be1b685]  .number-input-quota-container {
  position: relative;
}
.chargebee-quota-dialog__credit-content-input[data-v-5be1b685]  .number-input-quota-container .feature-badge-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.chargebee-quota-dialog__credit-content-input[data-v-5be1b685]  .number-input-quota-container .feature-badge-wrapper .compass-feature-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  cursor: pointer;
}
.chargebee-quota-dialog__total[data-v-5be1b685] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: var(--spacing-3) 0;
  padding: var(--spacing-1);
}
.chargebee-quota-dialog__information-text[data-v-5be1b685] {
  color: var(--colors-common-text-standard-caption);
  margin: 0;
}

.limits-table[data-v-39ed8fc2] {
  margin: var(--spacing-3) 0 0;
}
.limits-table table[data-v-39ed8fc2] {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
.limits-table table td[data-v-39ed8fc2] {
  border-top: 1px solid var(--colors-common-border-default);
  color: var(--colors-common-text-standard-default);
  padding: 10px var(--spacing-3);
}
.limits-table table td[data-v-39ed8fc2]:first-child {
  width: 34%;
}
.limits-table table td[data-v-39ed8fc2]:nth-child(3) {
  width: 25%;
}
.limits-table table td[data-v-39ed8fc2]:last-child {
  width: 19%;
}
.limits-table table tr:last-child td[data-v-39ed8fc2] {
  border-bottom: 1px solid var(--colors-common-border-default);
}
.limits-table__title[data-v-39ed8fc2] {
  display: block;
}
.limits-table__description[data-v-39ed8fc2] {
  color: var(--colors-common-text-subtle-default);
  display: block;
}
.limits-table .limits-used[data-v-39ed8fc2] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.limits-table .remaining-items--red[data-v-39ed8fc2] {
  color: var(--colors-common-text-alert-default);
}
.limits-table .info-icon[data-v-39ed8fc2] {
  fill: var(--colors-common-icon-neutral);
}

p[data-v-463335c6] {
  margin: 0;
}
.progress-list[data-v-463335c6] {
  margin-top: var(--spacing-3);
}
.title[data-v-463335c6] {
  margin-bottom: var(--spacing-1);
  margin-top: var(--spacing-6);
}
.subtitle[data-v-463335c6] {
  margin: 0 0 var(--spacing-1);
}
.limits-section[data-v-463335c6] {
  margin: var(--spacing-4) 0 0;
}
.subscription-manager__buy-quota[data-v-463335c6] {
  align-items: flex-start;
  display: flex;
  gap: var(--spacing-5);
  justify-content: space-between;
}
.subscription-manager__buy-quota .buy-quota-btn[data-v-463335c6] {
  flex-shrink: 0;
}

.subscription-tag[data-v-2f88e501] {
  border-radius: 4px;
  padding: 0 var(--spacing-0);
  color: var(--colors-common-text-standard-on-color);
}
.subscription-tag--neutral[data-v-2f88e501] {
  border: 1px solid var(--colors-component-border-bloc-standard-default);
  background-color: var(--colors-component-background-information-tag-stroked);
  color: var(--colors-common-text-standard-default);
}
.subscription-tag--add[data-v-2f88e501] {
  background-color: var(--colors-common-background-success-darker);
}
.subscription-tag--remove[data-v-2f88e501] {
  background-color: var(--colors-common-background-alert-darker);
}
.subscription-tag--renew[data-v-2f88e501] {
  background-color: var(--colors-common-background-primary-darker);
}

.licence-item[data-v-3eba1219] {
  height: 180px;
}
.fs-10[data-v-3eba1219] {
  font-size: 40px;
  line-height: 48px;
}
.lh-20[data-v-3eba1219] {
  line-height: 20px;
}
.leading-5[data-v-3eba1219] {
  line-height: 16px;
}
.license-recap__container[data-v-3eba1219] {
  display: flex;
  gap: var(--spacing-3);
  justify-content: space-between;
}
.license-recap__container .license-overview__btn-edit-subscription[data-v-3eba1219] {
  margin-top: var(--spacing-3);
}
.subscription-overview__card[data-v-3eba1219] {
  flex-basis: 60%;
  height: fit-content;
  padding: var(--spacing-4);
}
.subscription-overview__card-information[data-v-3eba1219] {
  display: flex;
  justify-content: space-between;
}
.subscription-overview__summary[data-v-3eba1219] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.subscription-overview__summary-plan-tag[data-v-3eba1219] {
  background-color: var(--colors-sellsy-brand-secondary-green);
  border-radius: var(--spacing-0);
  color: var(--colors-sellsy-brand-secondary-blue);
  padding: var(--spacing-0) var(--spacing-1);
  width: fit-content;
}
.subscription-overview__actions-subscription[data-v-3eba1219] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

#cb-container {
  background: rgba(0, 5, 25, 0.6) !important;
}

.el-table[data-v-2da38436]:before {
  content: none;
}
.staff-form-container[data-v-2da38436] {
  justify-content: right;
  align-items: center;
}
.staffs-license-assign__no-result[data-v-2da38436] {
  margin-top: var(--spacing-5);
}
.staffs-license-assign__table[data-v-2da38436]  {
  margin-top: var(--spacing-3);
}
.staffs-license-assign__table[data-v-2da38436]  .compass-table-head th {
  background-color: var(--colors-common-background-default);
  color: var(--colors-common-text-standard-default);
}
.staffs-license-assign__table[data-v-2da38436]  .staffs-license-assign__select-license {
  width: 200px;
}
.staffs-license-assign .select-loader[data-v-2da38436] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 200px;
}
.staffs-license-assign .select-loader__loader[data-v-2da38436] {
  -webkit-animation: spin-2da38436 2s linear infinite; /* Safari */
  animation: spin-2da38436 2s linear infinite;
  background-color: transparent;
  border: 2px solid var(--colors-common-border-darker);
  border-bottom: 2px solid var(--colors-common-background-default);
  border-radius: 50%;
  height: 16px;
  width: 16px;
}

/* Safari */
@-webkit-keyframes spin-2da38436 {
0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}
@keyframes spin-2da38436 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.el-table[data-v-d870111e]:before {
  background-color: #ccccd1;
}
.lh-20[data-v-d870111e] {
  line-height: 20px;
}
.hover\:border-black[data-v-d870111e]:hover {
  border-color: #111111 !important;
}


.el-tabs__item {
    padding: 12px !important;
    padding-bottom: 8px !important;
    padding-top: 0px !important;
}
#tab-overview {
    padding-left: 0px !important;
}
.el-tabs__header {
    margin-bottom: 25px !important;
}
.card-ping-upsell {
    padding-bottom: 6px;
    padding-top: 6px;
}


p[data-v-bf7d4aed] {
  margin: var(--spacing-6) 0 var(--spacing-4);
}
.plugins-list[data-v-bf7d4aed] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}

.overview-v3__subscription-summary[data-v-6cc6f2c0] {
  display: flex;
  gap: var(--spacing-3);
}
.overview-v3__subscription-summary__information[data-v-6cc6f2c0] {
  align-items: flex-start;
  background: var(--colors-common-background-subtle);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-4);
  width: 60%;
}
.overview-v3__subscription-summary__information-plan[data-v-6cc6f2c0] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.overview-v3__subscription-summary__information-plan p[data-v-6cc6f2c0] {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.overview-v3__subscription-summary__manager[data-v-6cc6f2c0] {
  border: 1px solid var(--colors-common-border-default);
  border-radius: 4px;
  flex-grow: 1;
  padding: var(--spacing-3);
}
.overview-v3__subscription-summary__manager h3[data-v-6cc6f2c0] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  margin: 0;
  padding-bottom: var(--spacing-1);
}
.overview-v3__subscription-summary__manager div[data-v-6cc6f2c0] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  padding: var(--spacing-1) 0;
}
.manage-chargebee-account__container-btn[data-v-6cc6f2c0] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  padding: var(--spacing-1) 0;
}

.subscription-manager-v3__title[data-v-e4e92a12] {
  margin: 0 0 var(--spacing-4);
}

.error-license-lock[data-v-4956cd14] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-5);
  min-height: 100%;
}
.error-license-lock__container[data-v-4956cd14] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-5);
  margin: auto;
}
.error-license-lock__content[data-v-4956cd14] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-3);
}
.error-license-lock__title[data-v-4956cd14] {
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0;
}
.error-license-lock__subtitle[data-v-4956cd14] {
  color: var(--colors-common-text-subtle-default);
  text-align: center;
  margin: 0;
}

.license-assign[data-v-d03419db] {
  padding-bottom: 96px;
}
.license-assign__subscription-manager[data-v-d03419db] {
  max-width: 1120px;
  padding: var(--spacing-5);
  border-radius: 4px;
  border: 1px solid var(--colors-common-border-default);
  background-color: var(--colors-common-background-default);
}
.license-assign__buttons-container[data-v-d03419db] {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-1);
  padding: var(--spacing-3) var(--spacing-5);
  background-color: var(--colors-common-background-default);
  box-shadow: 0px 0px 12px 0px rgba(17, 17, 17, 0.24);
}

.error-license-admin-no-license__support[data-v-2d196624] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
}

.error-license-admin[data-v-e2c6e20f] {
  min-height: calc(100vh - var(--spacing-7));
}
.error-license-admin__content[data-v-e2c6e20f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-5);
}
.error-license-admin__select[data-v-e2c6e20f] .compass-select {
  min-width: 325px;
}
.error-license-admin__no-license[data-v-e2c6e20f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.error-license-admin__no-license-text[data-v-e2c6e20f] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
}


#contentDiv.has-sidebar-closed:has(.error-license-admin) {
    padding: var(--spacing-5) !important;
}



.help-message__container[data-v-f5385b31] {
    margin: 0;
}


.help-message__container[data-v-f8138163] {
  margin: 0;
}

.help-message__container[data-v-3dd81604] {
  margin: 0;
}

.help-message__container[data-v-536a84b6] {
  margin: 0;
}


.fs-32[data-v-d38a6def] {
    font-size: 32px;
}
.lh-39[data-v-d38a6def] {
    font-size: 39px;
}
.lh-26[data-v-d38a6def] {
    font-size: 26px;
}
.font-weight[data-v-d38a6def] {
    font-weight: normal;
}
.mx-auto[data-v-d38a6def] {
    margin-left: auto;
    margin-right: auto;
}


.saas-cgvu .header .back-link {
  height: 20px;
}
.saas-cgvu .container {
  width: 820px;
}
.saas-cgvu .container .cgvu-accepted-message .el-alert__title {
  font-size: 14px;
  line-height: 14px;
}
.saas-cgvu .container .pdf-embed {
  width: 100%;
  height: calc(100vh - 147px);
}
.saas-cgvu .container .pdf-embed.cgvu-accepted {
  height: calc(100vh - 195px);
}
.saas-cgvu .fixed-footer {
  box-shadow: 0px 0px 12px rgba(17, 17, 17, 0.24);
}
.saas-cgvu .fixed-footer .el-checkbox__input {
  display: flex;
  align-items: center;
  height: 20px;
}
.saas-cgvu .fixed-footer .el-checkbox__label {
  white-space: initial;
  font-size: 14px;
  line-height: 20px;
}
.saas-cgvu .fixed-footer .el-button {
  border: 0;
}
.saas-cgvu .fixed-footer .el-button.is-disabled {
  background-color: #e9e9ec;
  color: #8c909c;
}

.payment-card-container[data-v-39874f7b] {
  vertical-align: top;
}
.payment-card-container .payment-card[data-v-39874f7b] {
  position: relative;
  height: 156px;
  width: 245px;
  background-color: #f4f6f9;
  border-radius: 20px;
  box-shadow: 0px 2px 8px #6c6c6c;
}
.payment-card-container .payment-card .payment-card-logo[data-v-39874f7b] {
  position: absolute;
  height: 45px;
  width: 60px;
  right: 20px;
  top: 20px;
  overflow: hidden;
  background-repeat: round;
}
.payment-card-container .payment-card .payment-card-number[data-v-39874f7b] {
  color: black;
  position: absolute;
  top: 90px;
  font-size: 16px;
  left: 30px;
}
.payment-card-container .payment-card .payment-card-expire-date[data-v-39874f7b] {
  color: black;
  position: absolute;
  top: 120px;
  font-size: 16px;
  right: 30px;
}
.payment-card-container .payment-card.template-add-card[data-v-39874f7b] {
  background-color: #d8d8e6;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
}
.payment-card-container.has-hover[data-v-39874f7b]:hover {
  background-color: #dddee1;
  cursor: pointer;
  border-radius: 5px;
}

.billing-header[data-v-57a33ec5] {
  width: 80%;
  margin: auto;
  padding: 32px;
}
ul li[data-v-57a33ec5] {
  position: relative;
}
ul li a[data-v-57a33ec5] {
  color: #111111;
}
ul li.active a[data-v-57a33ec5] {
  color: #4868fd;
}
ul li.active[data-v-57a33ec5]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  height: 2px;
  background-color: #4868fd;
  z-index: 2;
}

.flex-level[data-v-13fcf402] .compass-logo path {
  fill: currentColor;
}
.external-chip[data-v-13fcf402] {
  background-color: #4868fd;
  border-radius: 4px;
}
.external-chip i[data-v-13fcf402] {
  font-size: 8px;
  padding: 4px;
}
.external-chip.external-chip__icon-with-text[data-v-13fcf402] {
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}
.external-chip.external-chip__icon[data-v-13fcf402] {
  position: absolute;
  top: 0px;
  right: 0px;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}

.upsell-action[data-v-69d08caa] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}


#menu,
main-menu {
  position: fixed;
  z-index: 998;
  top: 60px;
  left: 0;
  width: 180px;
  height: calc(100% - 60px);
  background-color: #01002d;
}
#menu #scrollbar-container,
main-menu #scrollbar-container {
  position: relative;
}
#menu,
main-menu {
  /**	MENU GLOBAL CSS **/
}
#menu li,
main-menu li {
  position: relative;
  clear: both;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: none;
  list-style-type: none;
}
#menu li a,
#menu li router-link,
main-menu li a,
main-menu li router-link {
  cursor: pointer;
  position: relative;
  height: 100%;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  text-decoration: none;
  text-transform: none;
  background-image: none;
}
#menu li a:hover,
#menu li router-link:hover,
main-menu li a:hover,
main-menu li router-link:hover {
  color: #ffffff !important;
}
#menu li a:hover .external-chip__icon-with-text,
#menu li router-link:hover .external-chip__icon-with-text,
main-menu li a:hover .external-chip__icon-with-text,
main-menu li router-link:hover .external-chip__icon-with-text {
  opacity: 1;
}
#menu .fa,
main-menu .fa {
  width: 24px;
  min-width: 24px;
  height: 24px;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}
#menu,
main-menu {
  /**	SCROLLBAR **/
}
#menu .ps,
main-menu .ps {
  width: 180px;
  height: 100%;
}
#menu .ps .ps__rail-y,
main-menu .ps .ps__rail-y {
  left: 0;
  left: 165px;
  height: 0 !important;
  opacity: 0.6;
}
#menu .ps .ps__rail-y:not(.ps--clicking),
main-menu .ps .ps__rail-y:not(.ps--clicking) {
  transition: top 350ms ease;
}
#menu .ps .ps__thumb-y,
#menu .ps .ps__rail-y:hover > .ps__thumb-y,
#menu .ps .ps__rail-y:focus > .ps__thumb-y,
#menu .ps .ps__rail-y.ps--clicking .ps__thumb-y,
main-menu .ps .ps__thumb-y,
main-menu .ps .ps__rail-y:hover > .ps__thumb-y,
main-menu .ps .ps__rail-y:focus > .ps__thumb-y,
main-menu .ps .ps__rail-y.ps--clicking .ps__thumb-y {
  width: 5px;
  background-color: rgba(255, 255, 255, 0.4);
}
#menu,
main-menu {
  /**	MAIN MENU **/
}
#menu .tabsMenu,
main-menu .tabsMenu {
  margin: 0;
  padding-top: 8px;
  padding-bottom: 130px;
}
#menu .tabsMenu li.menuli,
main-menu .tabsMenu li.menuli {
  width: 180px;
  height: 40px;
}
#menu .tabsMenu li.menuli .menu-label,
main-menu .tabsMenu li.menuli .menu-label {
  opacity: 0;
  visibility: hidden;
  color: var(--colors-common-text-standard-on-color);
  text-align: center;
  position: absolute;
  left: calc(100% + var(--spacing-0));
  top: 50%;
  transform: translateY(-50%);
  padding: var(--spacing-0) var(--spacing-1);
  border-radius: 4px;
  background-color: var(--colors-component-background-sidebar-hover);
  transition: all ease-in-out 0.2s;
}
#menu .tabsMenu li.menuli:hover.hasSubMenu::after,
main-menu .tabsMenu li.menuli:hover.hasSubMenu::after {
  cursor: pointer;
  content: " ";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 12px;
  height: 40px;
  background-color: #27264c;
}
#menu .tabsMenu li.menuli:hover.hasSubMenu a,
#menu .tabsMenu li.menuli:hover.hasSubMenu router-link,
main-menu .tabsMenu li.menuli:hover.hasSubMenu a,
main-menu .tabsMenu li.menuli:hover.hasSubMenu router-link {
  margin-right: 0;
  margin-left: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#menu .tabsMenu li.menuli:hover a,
#menu .tabsMenu li.menuli:hover router-link,
main-menu .tabsMenu li.menuli:hover a,
main-menu .tabsMenu li.menuli:hover router-link {
  text-decoration: none;
  background-color: #27264c;
}
#menu .tabsMenu li.menuli:hover .tabSubmenu,
main-menu .tabsMenu li.menuli:hover .tabSubmenu {
  position: absolute;
  z-index: 1;
  display: block;
}
#menu .tabsMenu li.menuli > a,
#menu .tabsMenu li.menuli > router-link,
main-menu .tabsMenu li.menuli > a,
main-menu .tabsMenu li.menuli > router-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 4px 12px;
  padding: 0 10px 0 8px;
  border-radius: 4px;
}
#menu .tabsMenu li.menuli > a span.menu--label,
#menu .tabsMenu li.menuli > router-link span.menu--label,
main-menu .tabsMenu li.menuli > a span.menu--label,
main-menu .tabsMenu li.menuli > router-link span.menu--label {
  padding-left: 12px;
  font-weight: 600;
}
#menu .tabsMenu li.menuli > a.current,
#menu .tabsMenu li.menuli > router-link.current,
main-menu .tabsMenu li.menuli > a.current,
main-menu .tabsMenu li.menuli > router-link.current {
  color: #ffffff !important;
  background-color: #27264c;
}
#menu,
main-menu {
  /**	SUB MENU **/
}
#menu .tabSubmenu,
main-menu .tabSubmenu {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 180px;
  clear: both;
  overflow: hidden;
  display: none;
  width: 256px;
  margin: 0;
  padding: 0;
  padding-bottom: 8px;
  list-style: none;
  background-color: #27264c;
  border-top: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#menu .tabSubmenu li,
main-menu .tabSubmenu li {
  padding: 8px 16px;
}
#menu .tabSubmenu li.tabSumenutitle_title,
main-menu .tabSubmenu li.tabSumenutitle_title {
  display: none;
  height: 40px;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
}
#menu .tabSubmenu li.separator,
main-menu .tabSubmenu li.separator {
  height: 1px;
  padding: 0;
  border-bottom: 1px solid #27264c;
}
#menu .tabSubmenu li a,
#menu .tabSubmenu li router-link,
main-menu .tabSubmenu li a,
main-menu .tabSubmenu li router-link {
  margin-left: 0 !important;
}
#menu .tabSubmenu#__menu__massmailing li.separator,
main-menu .tabSubmenu#__menu__massmailing li.separator {
  margin: 8px 16px;
  width: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
#menu,
main-menu {
  /**	COLLAPSE MENU **/
}
#menu .el-collapse,
main-menu .el-collapse {
  border: none;
}
#menu .el-collapse .el-collapse-item__header,
main-menu .el-collapse .el-collapse-item__header {
  width: 180px;
  padding-left: 20px;
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  background-color: #01002d;
  border-bottom: none;
  display: flex !important;
  align-items: center;
  gap: 4px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#menu .el-collapse .el-collapse-item__header:hover,
main-menu .el-collapse .el-collapse-item__header:hover {
  color: #ffffff;
}
#menu .el-collapse .el-collapse-item__header.is-active .compass-icon,
main-menu .el-collapse .el-collapse-item__header.is-active .compass-icon {
  transform: rotate(-180deg);
}
#menu .el-collapse .el-collapse-item__header .compass-icon,
main-menu .el-collapse .el-collapse-item__header .compass-icon {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  transition-duration: 450ms;
}
#menu .el-collapse .el-collapse-item__header .el-collapse-item__arrow.el-icon-arrow-right,
main-menu .el-collapse .el-collapse-item__header .el-collapse-item__arrow.el-icon-arrow-right {
  display: none;
}
#menu .el-collapse .el-collapse-item__wrap,
main-menu .el-collapse .el-collapse-item__wrap {
  position: absolute;
  background-color: transparent;
  border-bottom: none;
  width: 436px;
  transition-duration: 0ms;
}
#menu .el-collapse .el-collapse-item__wrap .el-collapse-item__content,
main-menu .el-collapse .el-collapse-item__wrap .el-collapse-item__content {
  width: 100%;
  padding-bottom: 130px;
}
#menu,
main-menu {
  /**	SPECIFIC	**/
}
#menu #menuli_ecommerce .tabSubmenu li a,
main-menu #menuli_ecommerce .tabSubmenu li a {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#menu,
main-menu {
  /**	CLOSED MENU	**/
}
#menu.menuWithoutText,
main-menu.menuWithoutText {
  width: 64px;
  /**	SCROLLBAR **/
}
#menu.menuWithoutText .ps,
main-menu.menuWithoutText .ps {
  width: 64px;
}
#menu.menuWithoutText .ps .ps__rail-y,
main-menu.menuWithoutText .ps .ps__rail-y {
  left: 49px;
}
#menu.menuWithoutText,
main-menu.menuWithoutText {
  /**	MAINMENU **/
}
#menu.menuWithoutText .tabsMenu li.menuli,
main-menu.menuWithoutText .tabsMenu li.menuli {
  width: 64px;
}
#menu.menuWithoutText .tabsMenu li.menuli:hover .menu-label,
main-menu.menuWithoutText .tabsMenu li.menuli:hover .menu-label {
  opacity: 1;
  visibility: visible;
}
#menu.menuWithoutText .tabsMenu li.menuli > a span.menu--label,
main-menu.menuWithoutText .tabsMenu li.menuli > a span.menu--label {
  display: none;
}
#menu.menuWithoutText .tabsMenu li.menuli > a:hover span.external-chip__icon,
main-menu.menuWithoutText .tabsMenu li.menuli > a:hover span.external-chip__icon {
  opacity: 1;
}
#menu.menuWithoutText,
main-menu.menuWithoutText {
  /**	SUBMENU **/
}
#menu.menuWithoutText .tabSubmenu,
main-menu.menuWithoutText .tabSubmenu {
  left: 64px;
}
#menu.menuWithoutText .tabSubmenu li,
main-menu.menuWithoutText .tabSubmenu li {
  width: 100%;
}
#menu.menuWithoutText .tabSubmenu .tabSumenutitle_title,
main-menu.menuWithoutText .tabSubmenu .tabSumenutitle_title {
  display: flex;
  align-items: center;
}
#menu.menuWithoutText,
main-menu.menuWithoutText {
  /**	COLLAPSE MENU **/
}
#menu.menuWithoutText .el-collapse .el-collapse-item__header,
main-menu.menuWithoutText .el-collapse .el-collapse-item__header {
  width: 64px;
}
#menu.menuWithoutText .el-collapse .el-collapse-item__wrap,
main-menu.menuWithoutText .el-collapse .el-collapse-item__wrap {
  width: 320px;
}

.chip-container[data-v-1c641dc7] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.chip-container[data-v-1c641dc7]:hover {
  background-color: #c8d2fe;
}

.notification-chip-tooltip {
  z-index: 2002 !important;
}

.notification-email[data-v-b8729a1a] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}

.notification-reminder-activity[data-v-562bc865] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.notification-reminder-activity__content[data-v-562bc865] {
  display: flex;
  flex-direction: column;
}
.notification-reminder-activity__content p[data-v-562bc865] {
  margin: 0;
  word-break: break-word;
}
.notification-reminder-activity__content-caption[data-v-562bc865] {
  color: var(--colors-common-text-subtle-default);
}

.notification-item-tooltip {
  z-index: 20001 !important;
}
.notification-item-name {
  max-width: 200px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: var(--font-weights-lato-1);
  vertical-align: middle;
}

.notification-item[data-v-048af13a] {
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.notification-item-actions-menu[data-v-048af13a] {
  visibility: visible;
}
.notification-item-actions-menu--hidden[data-v-048af13a] {
  visibility: hidden;
}
.notification-item .notification-item-content[data-v-048af13a] {
  width: 370px;
}
.notification-item .notification-item-time[data-v-048af13a] {
  margin: 2px 0 0 40px;
}
.notification-item .icon-container[data-v-048af13a] {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 4px;
  display: true;
  margin-left: 16px;
}
.notification-item:hover .icon-container[data-v-048af13a] {
  display: flex;
}
.notification-item .notification-content-container[data-v-048af13a] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.notification-item .notification-actions[data-v-048af13a] {
  visibility: hidden;
}
.notification-item .notification-actions.display-actions[data-v-048af13a] {
  visibility: visible;
}
.notification-item .notification-actions-container[data-v-048af13a] {
  display: flex;
  gap: var(--spacing-1);
  height: var(--spacing-5);
}
.notification-item .notification-chip-container[data-v-048af13a] {
  align-self: flex-start;
  width: 24px;
}
.notification-item .notification-message-container[data-v-048af13a] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-1);
  padding: var(--spacing-0) 0;
}
.notification-item .notification-message-container .compass-logo[data-v-048af13a] {
  background-color: #02016f;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 32px;
}
.notification-item .notification-message-container .compass-logo[data-v-048af13a] svg {
  height: 20px;
  width: 20px;
}
.notification-item p[data-v-048af13a] {
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  word-break: break-word;
}

#compass-menu-container .notification-actions-container__menu {
  z-index: 2002;
}

.notification-list-container[data-v-13d1c7b3] {
  height: 500px;
  margin-bottom: 0;
  overflow-y: scroll;
}
.notification-list-container .no-more-container[data-v-13d1c7b3] {
  padding: 40px;
}
.notification-list-container .no-more-container .no-more-content[data-v-13d1c7b3] {
  margin: auto;
  width: 146px;
  word-break: initial;
}
.notification-no-result[data-v-13d1c7b3] {
  padding: 160px 40px;
  word-break: break-word;
}
.notification-no-result .notification-no-result__text[data-v-13d1c7b3] {
  margin: auto;
  width: 360px;
}
.notification-list-header[data-v-13d1c7b3] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 16px;
  padding: 0 16px;
}
.notification-list-header h6[data-v-13d1c7b3] {
  font-weight: 700;
  line-height: 16px;
}

.progress-infinite[data-v-784d0622] .compass-progress-bar__track--colored {
  background: linear-gradient(90deg, #e0e0e0 25%, #b3b3b3 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: progress-infinite-bg-784d0622 1.2s linear infinite;
}
@keyframes progress-infinite-bg-784d0622 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}

.export-item[data-v-27ae1273] {
  border-radius: var(--spacing-0);
  padding: var(--spacing-2);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.export-item p[data-v-27ae1273] {
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  word-break: break-word;
  display: flex;
  align-items: center;
}
.export-item .export-item-name[data-v-27ae1273] {
  max-width: 300px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: var(--font-weights-lato-1);
}
.export-item .export-content-container[data-v-27ae1273] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.export-item .export-progress-container[data-v-27ae1273] {
  display: flex;
  gap: var(--spacing-1);
  height: var(--spacing-5);
}

.export-list-loading[data-v-d21a006d] {
  height: 480px;
}
.export-list-container[data-v-d21a006d] {
  height: 500px;
  margin-bottom: 0;
  overflow-y: auto;
}
.export-list-container .no-more-container[data-v-d21a006d] {
  padding: var(--spacing-1);
}
.export-list-container .no-more-content[data-v-d21a006d] {
  text-align: center;
}
.export-no-result[data-v-d21a006d] {
  padding: 160px 40px;
  text-align: center;
  word-break: break-word;
}
.export-no-result__text[data-v-d21a006d] {
  margin: auto;
  width: 360px;
}
.export-no-result__title[data-v-d21a006d] {
  color: var(--colors-common-text-standard-default);
  font-size: var(--font-size-17);
  margin-top: var(--spacing-5);
}
.export-list-header[data-v-d21a006d] {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing-1);
  margin-top: var(--spacing-2);
  padding: 0 var(--spacing-2);
}
.export-list-header__title[data-v-d21a006d] {
  color: var(--colors-common-text-standard-disabled);
  font-weight: 700;
  line-height: 16px;
  margin: 0;
}

#compass-popover-container .notifications-popover {
  z-index: 2001 !important;
}
#compass-popover-container .notifications-popover .compass-popover__content {
  width: 496px;
  min-height: 582px;
  padding: var(--spacing-3) var(--spacing-1) 0;
}
#compass-popover-container .notifications-popover .el-tabs__header {
  margin-bottom: 0 !important;
}
#compass-popover-container .notifications-popover .el-tabs__header.is-top {
  margin: 0;
}
#compass-popover-container .notifications-popover .el-tabs__header .el-tabs__nav-wrap::after {
  right: 8px;
  left: 8px;
  width: auto;
}
#compass-popover-container .notifications-popover .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav.is-top #tab-notifications.el-tabs__item.is-top {
  padding-left: 8px !important;
}

.notifications__icon-container[data-v-acab795f] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
}
.notifications__badge[data-v-acab795f] {
  position: absolute;
  top: 2px;
  left: 14px;
  height: 14px;
  background-color: var(--colors-common-background-alert-default);
  border-radius: 44px;
  padding: 0 var(--spacing-0);
  font-family: var(--font-families-lato);
  font-weight: 600;
  font-size: 10.5px;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
  color: var(--colors-common-text-standard-on-color);
}
.notifications__settings-icon[data-v-acab795f] {
  position: absolute;
  top: 6px;
  right: 16px;
  cursor: pointer;
  color: var(--colors-common-text-standard-default);
}
.notifications__icon[data-v-acab795f] {
  color: var(--colors-common-background-darkest-lighter);
}

.onboarding-screen[data-v-87cb5cba] {
  display: flex;
  align-items: center;
  margin: 0 var(--spacing-3) 0 0;
}
.onboarding-screen__button[data-v-87cb5cba] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 117px;
  padding: 0 var(--spacing-1);
  gap: var(--spacing-1);
  border-radius: var(--spacing-1);
  background-color: var(--colors-common-background-subtle);
  cursor: pointer;
}
.onboarding-screen__button[data-v-87cb5cba]:hover {
  background-color: var(--colors-common-background-primary-subtle);
}
.onboarding-screen__button--icon[data-v-87cb5cba] {
  flex-shrink: 0;
}
.onboarding-screen__button--label[data-v-87cb5cba] {
  color: var(--colors-common-text-brand-secondary-blue);
}
@media screen and (width < 960px) {
.onboarding-screen__button[data-v-87cb5cba] {
    width: auto;
}
.onboarding-screen__button--label[data-v-87cb5cba] {
    display: none;
}
}

.mobile-app-banner[data-v-0cb418b0] {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  max-width: 100vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-1);
  background-color: var(--colors-common-background-default);
  border-bottom: 0.5px solid var(--colors-common-border-lighter);
}
.mobile-app-banner__app[data-v-0cb418b0] {
  gap: 10px;
}
.mobile-app-banner__app[data-v-0cb418b0]  .compass-object__icon {
  height: 56px;
  width: 56px;
  border-radius: 15px;
}
.mobile-app-banner__app[data-v-0cb418b0]  .compass-object__label {
  font-size: 16px;
  line-height: var(--line-heights-24);
}
.mobile-app-banner__app[data-v-0cb418b0]  .compass-object__caption {
  font-size: var(--font-size-12);
  line-height: var(--line-heights-16);
}
.mobile-app-banner__button[data-v-0cb418b0] {
  margin-left: auto;
  border-radius: var(--spacing-4);
}

#sellsy_app:has(.mobile-app-banner) #contentDiv.has-sidebar-closed {
  padding-top: 173px !important;
}
#sellsy_app:has(.mobile-app-banner) .navbar {
  top: 81px;
}
#sellsy_app:has(.mobile-app-banner) #menu {
  top: 141px;
}


.info-notifs-settings[data-v-31283b35] {
    line-height: 20px;
}
.rounded[data-v-31283b35] {
    border-radius: 4px;
}


.impersonate-notification[data-v-bb85ca10] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border-radius: 4px;
  display: flex;
  gap: var(--spacing-1);
  justify-content: flex-start;
  padding: var(--spacing-3);
}
.impersonate-notification + .impersonate-notification[data-v-bb85ca10] {
  margin: var(--spacing-1) 0 0;
}
.impersonate-notification__content[data-v-bb85ca10] {
  margin: 0;
}
.impersonate-notification__actions[data-v-bb85ca10] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  margin-left: auto;
}

.refusal-confirmation .compass-modal__modal__content p {
  margin: 0;
}
.refusal-confirmation .compass-modal__modal__footer div {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
  justify-content: flex-end;
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}

.revoke-confirmation .compass-modal__modal__content p {
  margin: 0;
}
.revoke-confirmation .compass-modal__modal__footer .dialog__footer {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
  justify-content: flex-end;
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}

/* overwrite style element lib */
.compliance-impersonate-page .page-table:before {
  border-bottom: 1px solid var(--colors-common-border-default);
}
.compliance-impersonate-page .page-table__header {
  padding: 14px var(--spacing-3);
}
.compliance-impersonate-page .page-table__row:hover > td {
  background: var(--colors-common-background-hover) !important;
}
.compliance-impersonate-page .page-table .cell {
  padding: 0;
}
.compliance-impersonate-page .page-table__cell {
  padding: 14px var(--spacing-3);
}
.compliance-impersonate-page {
  /* hidden message "no table data" from el-table when data load */
}
.compliance-impersonate-page .el-table__empty-block {
  display: none;
}

.compliance-impersonate-page[data-v-fe3707a9] {
  background-color: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-default);
  border-radius: 4px;
  padding: var(--spacing-4);
}
.compliance-impersonate-page .title[data-v-fe3707a9] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--spacing-3);
}
.compliance-impersonate-page .subtitle[data-v-fe3707a9] {
  margin: 0 0 var(--spacing-1);
}
.compliance-impersonate-page .introduction[data-v-fe3707a9] {
  margin: 0 0 var(--spacing-3);
}
.compliance-impersonate-page .sellsy-actions-history[data-v-fe3707a9] {
  margin: 0 0 var(--spacing-5);
}
.compliance-impersonate-page .sellsy-actions-history__text[data-v-fe3707a9] {
  margin: 0 0 var(--spacing-1);
}
.compliance-impersonate-page .table__loader[data-v-fe3707a9] {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: var(--spacing-3);
}
.compliance-impersonate-page .table__empty[data-v-fe3707a9] {
  align-items: center;
  border: 1px solid var(--colors-common-border-default);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-5);
  width: 100%;
}
.compliance-impersonate-page .table__empty--icon[data-v-fe3707a9] {
  margin-bottom: var(--spacing-3);
}
.pending-authorizations[data-v-fe3707a9] {
  margin: 0 0 var(--spacing-5);
}
.pending-authorizations__empty[data-v-fe3707a9] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border-radius: 4px;
  display: flex;
  gap: var(--spacing-1);
  justify-content: flex-start;
  padding: var(--spacing-3);
}
.pending-authorizations__empty p[data-v-fe3707a9] {
  margin: 0;
}

.double-authentication-status[data-v-23f9f07d] {
  align-items: center;
  background: var(--colors-common-background-alert-subtle);
  border-radius: var(--spacing-0);
  display: inline-flex;
  margin: var(--spacing-1) 0 40px;
  padding: var(--spacing-1) var(--spacing-3) var(--spacing-1) var(--spacing-1);
}
.double-authentication-status.is-active[data-v-23f9f07d] {
  background: var(--colors-common-background-success-subtle);
}
.double-authentication-status__icon[data-v-23f9f07d] {
  align-items: center;
  background: var(--colors-common-background-alert-default);
  border-radius: 4px;
  display: flex;
  height: 56px;
  justify-content: center;
  margin-right: 16px;
  width: 56px;
}
.double-authentication-status__icon[data-v-23f9f07d] .compass-icon {
  width: 36px;
  height: 36px;
  color: var(--colors-common-text-standard-on-color);
}
.is-active .double-authentication-status__icon[data-v-23f9f07d] {
  background: var(--colors-common-background-success-default);
}
.double-authentication-status__title[data-v-23f9f07d] {
  margin: 0;
  color: var(--colors-common-text-alert-default);
}
.is-active .double-authentication-status__title[data-v-23f9f07d] {
  color: var(--colors-common-text-success-default);
}
.double-authentication-status__label[data-v-23f9f07d] {
  margin: 0;
}

.available-providers-item[data-v-aedc916f] {
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-caption);
  flex: 0 1 33%;
  padding: var(--spacing-3);
}
.available-providers-item[data-v-aedc916f]:not(:first-child) {
  margin-left: var(--spacing-3);
}
.available-providers-item .provider-label[data-v-aedc916f] {
  align-items: center;
  display: flex;
}
.available-providers-item .provider-label__icon[data-v-aedc916f] {
  height: var(--spacing-4);
  margin: 0 var(--spacing-1) 0 0;
  width: var(--spacing-3);
}
.available-providers-item .provider-label__text[data-v-aedc916f] {
  color: var(--colors-common-text-standard-default);
}

.double-authentication-page__introduction[data-v-e2aa4eda] {
  align-items: start;
  display: flex;
  gap: var(--spacing-3);
  justify-content: space-between;
}
.double-authentication-page__text-container[data-v-e2aa4eda] {
  max-width: 800px;
}
.double-authentication-page__intro-title[data-v-e2aa4eda] {
  margin: 0 0 var(--spacing-2);
}
.double-authentication-page__intro-text[data-v-e2aa4eda] {
  margin: 0 0 var(--spacing-2);
}
.double-authentication-page__hint[data-v-e2aa4eda] {
  color: var(--colors-common-text-standard-caption);
  margin: 0;
}
.double-authentication-page__disable-all[data-v-e2aa4eda] {
  cursor: not-allowed;
  display: inline-block;
}
.double-authentication-page__disable-all-button[data-v-e2aa4eda]:disabled {
  pointer-events: none;
}
.double-authentication-page__title[data-v-e2aa4eda] {
  margin: 0 0 var(--spacing-2);
}
.double-authentication-page__text--no-margin[data-v-e2aa4eda] {
  margin: 0;
}
.double-authentication-page__title--spaced[data-v-e2aa4eda] {
  margin: var(--spacing-6) 0 var(--spacing-2);
}
.double-authentication-page__subtitle[data-v-e2aa4eda] {
  margin: var(--spacing-3) 0 var(--spacing-2);
}
.double-authentication-page__row[data-v-e2aa4eda] {
  display: flex;
  flex-direction: row;
}
.double-authentication-page__available-providers[data-v-e2aa4eda] {
  display: flex;
  margin: var(--spacing-3) 0 0;
  width: 100%;
}
.double-authentication-page__table[data-v-e2aa4eda] {
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
  border-spacing: 0;
  width: 100%;
}
.double-authentication-page__table--margin[data-v-e2aa4eda] {
  margin: var(--spacing-3) 0 0;
}
.double-authentication-page__table tr:not(:last-child) td[data-v-e2aa4eda] {
  border-bottom: 1px solid var(--colors-common-border-default);
}
.double-authentication-page__table td[data-v-e2aa4eda] {
  height: 56px;
  padding: 0 var(--spacing-3);
  vertical-align: middle;
}
.double-authentication-page__table td[data-v-e2aa4eda]:last-child {
  text-align: end;
}
.double-authentication-page__cell[data-v-e2aa4eda] {
  margin: 0;
}
.double-authentication-page__cell--muted[data-v-e2aa4eda] {
  color: var(--colors-common-text-standard-caption);
}
.double-authentication-page__code-actions[data-v-e2aa4eda] {
  flex-shrink: 0;
  margin-left: auto;
  padding: 0 0 0 var(--spacing-3);
}
.double-authentication-page__unused-codes[data-v-e2aa4eda] {
  color: var(--colors-common-text-standard-caption);
  margin-top: var(--spacing-2);
  text-align: right;
}
.double-authentication-page__device-activity[data-v-e2aa4eda] {
  color: var(--colors-common-text-standard-caption);
}

.switch-account-dropdown__search[data-v-33482eb4] {
  width: 100%;
}
.switch-account-dropdown__empty-state[data-v-33482eb4] {
  padding: var(--spacing-3) var(--spacing-2);
}

.switch-account-dropdown__sticky-header {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0 calc(var(--spacing-3) * -1);
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-0);
  background-color: var(--colors-common-background-default);
}
.switch-account-dropdown__highlight {
  padding: 0 1px;
  border-radius: 2px;
  background-color: var(--colors-common-background-highlight-search);
  font-weight: 700;
}

.nav-profil-menu__user[data-v-1665dc16] {
  max-width: 172px;
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
}
.nav-profil-menu__user--container[data-v-1665dc16] {
  display: flex;
  align-items: center;
  padding: var(--spacing-0);
  gap: var(--spacing-2);
  border-radius: var(--spacing-1);
  color: var(--colors-common-text-standard-default);
  cursor: pointer;
}
.nav-profil-menu__user--container[data-v-1665dc16]:hover {
  background-color: var(--colors-common-background-hover);
}
@media screen and (width < 1140px) {
.nav-profil-menu__user--container[data-v-1665dc16] {
    gap: 0;
}
}
.nav-profil-menu__user-container[data-v-1665dc16] {
  flex-shrink: 0;
}
.nav-profil-menu__user--profil[data-v-1665dc16] {
  color: var(--colors-common-text-standard-default);
}
.nav-profil-menu__user--profil-corp[data-v-1665dc16] {
  color: var(--colors-common-text-standard-caption);
}
@media screen and (width < 1140px) {
.nav-profil-menu__user--profil-name[data-v-1665dc16] {
    display: none;
}
}
.nav-profil-menu__user--profil > div[data-v-1665dc16] {
  text-overflow: ellipsis;
  max-width: 125px;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (width <= 1439px) {
.nav-profil-menu__user[data-v-1665dc16] {
    gap: var(--spacing-1);
    padding: var(--spacing-0);
}
}
.nav-profil-menu__divider[data-v-1665dc16] {
  height: 1px;
  margin: 7.5px var(--spacing-1);
  border: 0;
  border-top: 1px solid var(--colors-common-border-lighter);
}
.nav-profil-menu__tooltip-content[data-v-1665dc16] {
  z-index: 1003 !important;
}
.nav-profil-menu__external-icon[data-v-1665dc16] {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.nav-profil-menu[data-v-1665dc16] .compass-tooltip {
  display: block;
}

.compass-menu__dropdown__container.nav-profil-menu__menu {
  z-index: 1001;
}
.compass-menu__dropdown__container.nav-profil-menu__menu .compass-menu__dropdown__content {
  max-height: none;
}
.compass-menu__dropdown__container.nav-profil-menu__menu .compass-menu__dropdown__content__options-container {
  gap: 0;
}
.compass-menu-group__dropdown__container.nav-profil-menu__menu-group {
  z-index: 1002;
}
.compass-menu-group__dropdown__container.nav-profil-menu__menu-group .compass-menu-group__dropdown__content {
  width: 315px;
  max-height: 540px;
  padding: 0 var(--spacing-3) var(--spacing-3);
  overflow-y: auto;
}
.compass-menu-item.nav-profil-menu__item--logout {
  color: var(--colors-sellsy-red-600);
}
.compass-menu-item.nav-profil-menu__item--logout:hover {
  background-color: var(--colors-common-background-alert-transparent-hover) !important;
}
.compass-menu-item:hover .nav-profil-menu__external-icon {
  opacity: 1;
}
.compass-menu-item.nav-profil-menu__account-item .compass-menu-item__text {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-profil-menu__tooltip-content {
  z-index: 1003 !important;
}
.compass-tooltip:has(.nav-profil-menu__account-item) {
  display: block;
}
.nav-profil-menu__user--profil-avatar .compass-avatar__container {
  background-color: var(--colors-sellsy-brand-primary-100);
}


.nav-item-add-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--spacing-1);
    background-color: var(--colors-sellsy-brand-primary-500-alpha10);
    color: var(--colors-common-text-primary-default);
}


.nav-item__actions[data-v-c7767331] {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--spacing-0);
  cursor: pointer;
}
.nav-item__actions--item-link[data-v-c7767331] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-0);
  border-radius: var(--spacing-0);
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.nav-item__actions--item-link[data-v-c7767331]:hover:not(.nav-item__actions--item-link--no-hover) {
  background-color: var(--colors-common-background-primary-subtle);
}
.nav-item__actions--item-link-flag[data-v-c7767331] {
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: var(--font-size-10);
  line-height: var(--line-heights-12);
  padding: 0 var(--spacing-0);
}
.nav-item__actions--item-icon[data-v-c7767331] {
  color: var(--colors-common-background-darkest-lighter);
}
.nav-item__actions--item-icon--animated:hover .nav-item__actions--item-icon[data-v-c7767331] {
  color: var(--colors-sellsy-coral-500);
  animation: sponsorship-wiggle-c7767331 1.2s ease-in-out infinite;
}
@keyframes sponsorship-wiggle-c7767331 {
0% {
    transform: rotate(0deg);
}
12.5% {
    transform: rotate(-15deg);
}
25% {
    transform: rotate(0deg);
}
37.5% {
    transform: rotate(15deg);
}
50% {
    transform: rotate(0deg);
}
62.5% {
    transform: rotate(-15deg);
}
75% {
    transform: rotate(0deg);
}
87.5% {
    transform: rotate(15deg);
}
100% {
    transform: rotate(0deg);
}
}

.compass-menu__dropdown__container.nav-item__add-menu {
  z-index: 1000;
}
.compass-menu-group__dropdown__container.nav-item__add-menu-group {
  z-index: 1001;
}

.nav-menu[data-v-a35900ff] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: var(--spacing-1);
  margin: 0;
}
.nav-menu__divider[data-v-a35900ff] {
  width: 1px;
  height: var(--spacing-3);
  background-color: var(--colors-common-border-lighter);
  margin: 0 var(--spacing-1);
}
.nav-menu__actions--item[data-v-a35900ff] {
  position: relative;
  width: 28px;
  height: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--spacing-0);
  cursor: pointer;
}
.nav-menu__actions--item[data-v-a35900ff]:hover:not(.nav-menu__actions--item--no-hover) {
  background-color: var(--colors-common-background-primary-subtle);
}

.e-invoicing-button[data-v-c132eab7] {
  border-radius: var(--spacing-0);
  margin: 0 var(--spacing-2) 0 0;
  padding: 1px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1399px) {
.e-invoicing-button[data-v-c132eab7] {
    border-radius: 50px;
}
}
.e-invoicing-button[data-v-c132eab7]:before, .e-invoicing-button[data-v-c132eab7]::after {
  content: "";
  background: linear-gradient(90deg, var(--colors-sellsy-red-400) 0%, var(--colors-sellsy-brand-secondary-pink) 100%);
  border-radius: var(--spacing-0);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px), 2px 100%, 100% 100%, 100% 0%, 0% 0%);
}
@media screen and (max-width: 1399px) {
.e-invoicing-button[data-v-c132eab7]:before, .e-invoicing-button[data-v-c132eab7]::after {
    border-radius: 50%;
    clip-path: circle(50%);
}
}
.e-invoicing-button[data-v-c132eab7]:before {
  animation: pulse-c132eab7 10s ease-in-out infinite;
}
@media screen and (max-width: 1399px) {
.e-invoicing-button[data-v-c132eab7]:before {
    animation-name: pulseCircle-c132eab7;
}
}
.e-invoicing-button[data-v-c132eab7]:after {
  opacity: 0;
  transition: opacity 200ms linear;
}
.e-invoicing-button[data-v-c132eab7]:hover:after {
  opacity: 1;
}
.e-invoicing-button__button[data-v-c132eab7] {
  align-items: center;
  background: var(--colors-component-background-illustration-brand-secondary-grey);
  border: 0;
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-brand-secondary-blue);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-0);
  padding: var(--spacing-0) var(--spacing-1);
  transition-property: color, background-color, border-color;
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.3, 1);
}
@media screen and (max-width: 1399px) {
.e-invoicing-button__button[data-v-c132eab7] {
    border-radius: 50px;
    gap: 0;
    height: var(--spacing-5);
}
}
.e-invoicing-button__button[data-v-c132eab7]:hover {
  background: var(--colors-common-background-primary-subtle);
}
@media screen and (max-width: 1399px) {
.e-invoicing-button__label[data-v-c132eab7] {
    text-indent: -9999px;
}
}
@keyframes pulse-c132eab7 {
0%, 80% {
    opacity: 0;
    transform: scale(1);
}
83% {
    opacity: 1;
    transform: scale(1);
}
95%, 100% {
    opacity: 0;
    transform: scale3d(1.1, 1.5, 1);
}
}
@keyframes pulseCircle-c132eab7 {
0%, 80% {
    opacity: 0;
    transform: scale(1);
}
83% {
    opacity: 1;
    transform: scale(1);
}
95%, 100% {
    opacity: 0;
    transform: scale(1.2);
}
}

.big-link[data-v-9cd537c5] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border: 1px solid transparent;
  border-radius: var(--spacing-1);
  color: var(--colors-common-text-brand-secondary-blue);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-2);
  justify-content: space-between;
  padding: var(--spacing-2) var(--spacing-1);
  transition-property: border-color;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}
.big-link[data-v-9cd537c5]:hover {
  border-color: var(--colors-common-border-primary-hover);
  text-decoration: underline;
}
.big-link__content[data-v-9cd537c5] {
  align-items: start;
  display: flex;
  flex-direction: column;
}
.big-link[data-v-9cd537c5] .compass-icon {
  color: var(--colors-common-text-brand-secondary-blue);
  flex-shrink: 0;
}

.conformity-popover__wrapper[data-v-5eedae6a] {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-1);
  width: 384px;
}
.conformity-popover__title[data-v-5eedae6a] {
  margin: 0 0 var(--spacing-1);
}
.conformity-popover__introduction[data-v-5eedae6a] {
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-4);
}
.conformity-popover__introduction p[data-v-5eedae6a] {
  margin: 0;
}
.conformity-popover__skeletons[data-v-5eedae6a] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.conformity-popover__checklist[data-v-5eedae6a] {
  margin-bottom: var(--spacing-4);
}
.conformity-popover__new-information[data-v-5eedae6a] {
  align-items: flex-start;
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  margin-bottom: var(--spacing-3);
  padding: var(--spacing-1);
}
.conformity-popover__new-information p[data-v-5eedae6a] {
  margin: 0;
}
.conformity-popover__link[data-v-5eedae6a] {
  align-self: flex-start;
}
.conformity-popover__callout[data-v-5eedae6a] {
  margin-bottom: var(--spacing-4);
}
.conformity-popover__button[data-v-5eedae6a] {
  align-self: flex-end;
}
.conformity-popover__tags[data-v-5eedae6a] {
  display: flex;
  gap: var(--spacing-2);
}
.conformity-popover__tags-wrapper[data-v-5eedae6a] {
  border-bottom: 1px solid var(--colors-common-border-default);
  margin: 0 0 var(--spacing-3);
  padding: 0 0 var(--spacing-4);
}
.conformity-popover__emission-alert[data-v-5eedae6a] {
  margin: var(--spacing-3) 0 0;
}
.conformity-popover__big-links[data-v-5eedae6a] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}

.navbar[data-v-99dbd30b] {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  min-width: 1024px !important;
  min-height: 60px;
}
.navbar__logo[data-v-99dbd30b] {
  color: var(--colors-common-text-standard-on-color);
}
.navbar-brand[data-v-99dbd30b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  background-color: var(--colors-common-background-darkest-default);
}
.navbar-brand.brand-small[data-v-99dbd30b] {
  width: 64px;
}
.navbar-brand a[data-v-99dbd30b] {
  display: block;
}
.navbar-container[data-v-99dbd30b] {
  position: relative;
  display: flex;
  flex-flow: row-reverse wrap;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  background-color: var(--colors-common-background-default);
  box-shadow: var(--box-shadows-x-small);
}
.navbar-container .navbar-content[data-v-99dbd30b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin: 0 var(--spacing-4) 0 0;
}
@media screen and (width < 1140px) {
.navbar-container .navbar-content[data-v-99dbd30b] {
    margin: 0 var(--spacing-3) 0 0;
}
}
.navbar-container .navbar-content__divider[data-v-99dbd30b] {
  width: 1px;
  height: 32px;
  margin: 0 var(--spacing-2);
  background-color: var(--colors-common-border-lighter);
}
.navbar__divider[data-v-99dbd30b] {
  width: 1px;
  height: 16px;
  background-color: var(--colors-common-border-lighter);
  margin: 0 var(--spacing-3);
}

html > body div.global {
  min-width: 1024px !important;
}

@media only screen and (max-width: 1439px) {
.try-rocketchart[data-v-307ee34b] {
    padding-left: initial;
    padding-right: initial;
}
.try-rocketchart .right-panel[data-v-307ee34b] {
    width: 39vw;
}
.try-rocketchart .right-panel img[data-v-307ee34b] {
    width: 100%;
}
}
.try-rocketchart[data-v-307ee34b] {
  padding-left: 72px;
  padding-right: 72px;
}
.try-rocketchart__wrapper[data-v-307ee34b] {
  max-width: 1184px;
  display: flex;
  margin: auto;
  align-items: start;
}
.try-rocketchart .left-panel[data-v-307ee34b] {
  width: 480px;
  min-width: 480px;
}
.try-rocketchart .left-panel__title[data-v-307ee34b] {
  line-height: 42px;
}
.try-rocketchart .left-panel__title + .underline[data-v-307ee34b] {
  position: absolute;
}
.try-rocketchart .left-panel__content[data-v-307ee34b] {
  margin: 40px 0 0;
}
.try-rocketchart .left-panel__item[data-v-307ee34b] {
  color: var(--colors-common-text-brand-secondary-blue);
  line-height: var(--line-heights-24);
}
.try-rocketchart .left-panel__item[data-v-307ee34b]:not(.try-rocketchart .left-panel__item:last-child) {
  margin-bottom: var(--spacing-3);
  padding-bottom: var(--spacing-3);
  border-bottom: solid var(--colors-common-border-default) 1px;
}
.try-rocketchart .left-panel__links[data-v-307ee34b] {
  margin-top: 40px;
  gap: 24px;
}
.try-rocketchart .right-panel[data-v-307ee34b] {
  margin-left: 116px;
  max-width: 588px;
}
.try-rocketchart .illustration path[data-v-307ee34b],
.try-rocketchart .underline path[data-v-307ee34b] {
  cursor: initial;
}

.page-cashflow-landingPage #sellsy_app {
  background: white;
}
.page-cashflow-landingPage #legacy-container {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

[data-v-6d91ae2a] .compass-table__cell-container {
  width: 100%;
}
.ocr-verification-products-table__catalogue-cell[data-v-6d91ae2a] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  width: 100%;
}
.ocr-verification-products-table__catalogue-cell__edit--hidden[data-v-6d91ae2a] {
  visibility: hidden;
  pointer-events: none;
}
.ocr-verification-products-table__catalogue-cell .ocr-verification-products-table__input[data-v-6d91ae2a] {
  flex: 1;
  min-width: 0;
}
.ocr-verification-products-table__input[data-v-6d91ae2a] {
  width: 100%;
}
.ocr-verification-products-table__details[data-v-6d91ae2a] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.ocr-verification-products-table__details__top[data-v-6d91ae2a] {
  display: flex;
  gap: var(--spacing-3);
}
.ocr-verification-products-table__details__row--not-expandable[data-v-6d91ae2a] .compass-table__row-expand-button {
  display: none;
}
[data-v-6d91ae2a] .compass-table__cell {
  vertical-align: top;
}
[data-v-6d91ae2a] .compass-form-item {
  width: 100%;
}
[data-v-6d91ae2a] .compass-form-item .compass-form-item__caption-container,[data-v-6d91ae2a] .compass-form-item .compass-form-item__caption {
  width: 100%;
}
[data-v-6d91ae2a] .compass-form-item .compass-form-item__caption {
  white-space: normal;
}

.ocr-verification-products-table__add-line[data-v-2f0e3d07] {
  border: 0;
  padding-left: 0;
  margin-top: var(--spacing-2);
}
.ocr-verification-products-table__header--disabled[data-v-2f0e3d07], .ocr-verification-products-table__header--disabled[data-v-2f0e3d07]:hover {
  color: var(--colors-common-text-standard-disabled);
}
.ocr-verification-products-table__header--align-right[data-v-2f0e3d07] .compass-table__cell-tooltip {
  justify-content: flex-end;
}

.ocr-form-loading[data-v-e79b3928] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.ocr-form-loading__section[data-v-e79b3928] {
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
  padding: var(--spacing-4);
}
.ocr-form-loading__section-header[data-v-e79b3928] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-4);
}
.ocr-form-loading__section-title[data-v-e79b3928] {
  width: 226px;
}
.ocr-form-loading__fields[data-v-e79b3928] {
  max-width: 652px;
}
.ocr-form-loading__row[data-v-e79b3928] {
  display: flex;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-4);
}
.ocr-form-loading__row[data-v-e79b3928]:last-child {
  margin-bottom: 0;
}
.ocr-form-loading__field[data-v-e79b3928] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.ocr-form-loading__field--supplier[data-v-e79b3928] {
  width: 284px;
}
.ocr-form-loading__field--date[data-v-e79b3928] {
  width: 168px;
}
.ocr-form-loading__field--full[data-v-e79b3928] {
  width: 100%;
}
.ocr-form-loading__field--pay-date[data-v-e79b3928] {
  width: 168px;
}
.ocr-form-loading__field--pay-reference[data-v-e79b3928] {
  width: 150px;
}
.ocr-form-loading__field--pay-amount[data-v-e79b3928] {
  width: 108px;
}
.ocr-form-loading__field--pay-method[data-v-e79b3928] {
  width: 176px;
}
.ocr-form-loading__label[data-v-e79b3928] {
  width: 115px;
}
.ocr-form-loading__label--short[data-v-e79b3928] {
  width: 87px;
}
.ocr-form-loading__label--wide[data-v-e79b3928] {
  width: 137px;
}
.ocr-form-loading__input[data-v-e79b3928] {
  width: 100%;
}
.ocr-form-loading__button-skeleton[data-v-e79b3928] {
  width: 146px;
  height: 32px;
}
.ocr-form-loading__table[data-v-e79b3928] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  padding-bottom: var(--spacing-1);
  margin-bottom: var(--spacing-3);
}
.ocr-form-loading__table-row[data-v-e79b3928] {
  display: flex;
  align-items: center;
  height: 48px;
}
.ocr-form-loading__table-cell[data-v-e79b3928] {
  padding: 0 var(--spacing-1);
}
.ocr-form-loading__table-cell--checkbox[data-v-e79b3928] {
  width: 40px;
}
.ocr-form-loading__table-cell--description[data-v-e79b3928] {
  width: 200px;
}
.ocr-form-loading__table-cell--qty[data-v-e79b3928] {
  width: 80px;
}
.ocr-form-loading__table-cell--price[data-v-e79b3928] {
  width: 140px;
}
.ocr-form-loading__table-cell--tax[data-v-e79b3928] {
  width: 100px;
}
.ocr-form-loading__table-cell--total[data-v-e79b3928] {
  width: 140px;
}
.ocr-form-loading__table-cell--action[data-v-e79b3928] {
  width: 48px;
  margin-left: auto;
}
.ocr-form-loading__totals[data-v-e79b3928] {
  width: 255px;
  margin-left: auto;
}
.ocr-form-loading__payment-subheader[data-v-e79b3928] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-2);
}
.ocr-form-loading__payment-subheader-title[data-v-e79b3928] {
  width: 126px;
}

.delete-modal__description[data-v-d2610a66] {
  margin: 0 0 var(--spacing-2) 0;
}

.amount-difference-modal__description[data-v-d5d92927] {
  margin: 0 0 var(--spacing-2) 0;
}
.amount-difference-modal__what-to-do[data-v-d5d92927] {
  margin: var(--spacing-2) 0;
}
.amount-difference-modal__question[data-v-d5d92927] {
  margin: 0;
}

[data-v-05e59506] .compass-table__cell-container {
  width: 100%;
}
.ocr-tax-line-row__input[data-v-05e59506] {
  width: 100%;
}
[data-v-05e59506] .compass-table__cell {
  vertical-align: top;
}
[data-v-05e59506] .compass-form-item {
  width: 100%;
}
[data-v-05e59506] .compass-form-item .compass-form-item__caption-container,[data-v-05e59506] .compass-form-item .compass-form-item__caption {
  width: 100%;
}
[data-v-05e59506] .compass-form-item .compass-form-item__caption {
  white-space: normal;
}

.ocr-tax-lines-table__add-line[data-v-68d8e919] {
  border: 0;
  padding-left: 0;
  margin-top: var(--spacing-2);
}
.ocr-tax-lines-table__header--align-right[data-v-68d8e919] .compass-table__cell-tooltip {
  justify-content: flex-end;
}

.refuse-modal__selected-box[data-v-870423b5] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-0);
  margin-bottom: var(--spacing-3);
  padding: var(--spacing-1);
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
}
.refuse-modal__selected-type[data-v-870423b5] {
  margin: 0;
  color: var(--colors-common-text-subtle-default);
  text-transform: uppercase;
}
.refuse-modal__selected-type-value[data-v-870423b5] {
  margin: 0;
  color: var(--colors-common-text-standard-default);
}
.refuse-modal__note[data-v-870423b5] {
  margin-top: var(--spacing-3);
}
[data-v-870423b5] .compass-radiogroup,[data-v-870423b5] .compass-radiogroup__slot {
  width: 100%;
}
[data-v-870423b5] .compass-radiogroup__slot--vertical {
  gap: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}
[data-v-870423b5] .compass-radio {
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  gap: var(--spacing-1);
  padding: var(--spacing-2) var(--spacing-3);
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
}

.split-pane[data-v-ca612699] {
  display: flex;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
.split-pane__pane[data-v-ca612699] {
  flex: 0 0 auto;
}
.split-pane__pane--right[data-v-ca612699] {
  flex: 1 1 auto;
  padding-left: 18px;
}
.split-pane__splitter[data-v-ca612699] {
  align-self: stretch;
  width: 2px;
  cursor: col-resize;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colors-common-border-default);
  position: relative;
  flex: 0 0 auto;
  transition: background-color ease-in-out 0.15s;
}
.split-pane__splitter[data-v-ca612699]:hover, .split-pane__splitter[data-v-ca612699]:focus, .split-pane__splitter[data-v-ca612699]:active {
  background-color: var(--colors-common-border-primary-default);
}
.split-pane__splitter:hover .split-pane__splitter-handle[data-v-ca612699], .split-pane__splitter:focus .split-pane__splitter-handle[data-v-ca612699], .split-pane__splitter:active .split-pane__splitter-handle[data-v-ca612699] {
  border-color: var(--colors-common-border-primary-default);
  color: var(--colors-common-border-primary-default);
}
.split-pane__splitter-handle[data-v-ca612699] {
  width: 18px;
  height: 18px;
  background-color: var(--colors-common-background-default);
  position: absolute;
  transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s;
  border-radius: 100%;
  border: 2px solid var(--colors-common-border-default);
  color: var(--colors-common-border-default);
  display: flex;
  justify-content: center;
  align-items: center;
}
.split-pane__drag-overlay[data-v-ca612699] {
  position: fixed;
  inset: 0;
  cursor: col-resize;
  z-index: 10;
}

.page-purchase-incoming-verification #sellsy_app {
  background-color: var(--colors-common-background-app);
}
.page-purchase-incoming-verification #contentDiv {
  overflow: hidden;
}
.page-purchase-incoming-verification .contentMargin {
  margin: calc(-1 * var(--spacing-5)) calc(-1 * var(--spacing-4));
}
.page-purchase-incoming-verification #legacy-container {
  height: 100%;
}
body:has(.subscribebar):has(.ocr-form) #contentDiv {
  height: calc(100% - 40px);
}
#compass-dropdown-container .ocr-form__select-fit-dropdown {
  width: auto;
}

.ocr-form[data-v-b70baf2d] {
  display: flex;
  flex-direction: column;
  height: calc(100% + 2 * var(--spacing-5));
}
.ocr-form__form-item--flex[data-v-b70baf2d] {
  flex: 1;
}
.ocr-form__form-item--date[data-v-b70baf2d] {
  width: 180px;
}
.ocr-form__form-item--currency[data-v-b70baf2d] {
  max-width: 150px;
}
.ocr-form__form-item--document-number[data-v-b70baf2d] {
  flex: 1;
  min-width: 265px;
}
.ocr-form__form-item--analytic-code[data-v-b70baf2d] {
  width: 200px;
}
.ocr-form__form-item--full-width[data-v-b70baf2d] {
  width: 100%;
}
.ocr-form__form-item--payment-reference[data-v-b70baf2d] {
  flex: 1;
  min-width: 160px;
}
.ocr-form__form-item--payment-amount[data-v-b70baf2d] {
  max-width: 130px;
}
.ocr-form__form-item--payment-method[data-v-b70baf2d] {
  max-width: 190px;
}
.ocr-form__header[data-v-b70baf2d] {
  background-color: var(--colors-common-background-default);
  border-bottom: solid 1px var(--colors-common-border-default);
  padding: var(--spacing-4);
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--spacing-1);
}
.ocr-form__header[data-v-b70baf2d] .heading {
  flex: 1;
}
.ocr-form__header[data-v-b70baf2d] .heading.heading--h1 {
  margin: 0;
}
.ocr-form__header__info[data-v-b70baf2d] {
  gap: var(--spacing-1);
}
.ocr-form__header-remaining[data-v-b70baf2d] {
  line-height: var(--line-heights-24);
  font-size: var(--font-size-14);
  color: var(--colors-common-text-standard-caption);
}
.ocr-form__content[data-v-b70baf2d] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}
.ocr-form__content--small[data-v-b70baf2d] {
  max-width: 720px;
}
.ocr-form h3[data-v-b70baf2d] {
  margin: 0;
}
.ocr-form__products-table[data-v-b70baf2d] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  padding-bottom: var(--spacing-1);
  margin-bottom: var(--spacing-3);
}
.ocr-form__vat-amount[data-v-b70baf2d] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  color: var(--colors-common-text-subtle-default);
}
.ocr-form__vat-total[data-v-b70baf2d] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: var(--spacing-1) 0;
}
.ocr-form__total[data-v-b70baf2d] {
  width: 312px;
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.ocr-form__total__amount-excluding-tax[data-v-b70baf2d] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: var(--spacing-1);
  border-bottom: 1px solid var(--colors-common-border-lighter);
  margin-bottom: var(--spacing-1);
}
.ocr-form__total-incl-tax[data-v-b70baf2d] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-color: var(--colors-common-background-subtle);
  padding: var(--spacing-1);
  border-radius: var(--spacing-0);
}
.ocr-form__content-container[data-v-b70baf2d] {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.ocr-form__content-container[data-v-b70baf2d] .split-pane-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: stretch;
}
.ocr-form__content-container[data-v-b70baf2d] .split-pane-container .split-pane__pane {
  height: 100%;
  box-sizing: border-box;
}
.ocr-form__content-container[data-v-b70baf2d] .split-pane-container .split-pane__pane--right {
  padding: var(--spacing-4);
  overflow-y: auto;
  overflow-x: hidden;
}
.ocr-form__content-container[data-v-b70baf2d] .split-pane-container--pdf-pending .split-pane__pane--left {
  background-color: var(--colors-common-background-default);
}
.ocr-form__sections[data-v-b70baf2d] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.ocr-form__card-section[data-v-b70baf2d] {
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
  padding: var(--spacing-4);
}
.ocr-form__content-line-item[data-v-b70baf2d] {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-4);
  flex-wrap: wrap;
}
.ocr-form__content-line-item[data-v-b70baf2d] .compass-form-item__input > div {
  width: 100%;
}
.ocr-form__note[data-v-b70baf2d] {
  width: 100%;
}
.ocr-form__note[data-v-b70baf2d] .compass-input__inner {
  width: 100%;
}
.ocr-form__payment-header[data-v-b70baf2d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-2);
}
.ocr-form__skeleton[data-v-b70baf2d] {
  width: 100%;
  height: 100%;
}
.ocr-form__skeleton[data-v-b70baf2d] .compass-skeleton__block {
  height: 100%;
}
.ocr-form__skeleton-container[data-v-b70baf2d] {
  height: 100%;
  background-color: var(--colors-common-background-default);
  padding: var(--spacing-4);
}
.ocr-form__preview > embed[data-v-b70baf2d] {
  width: 100%;
  height: 100%;
}
.ocr-form__preview-pending[data-v-b70baf2d] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-4);
}
.ocr-form__preview-image[data-v-b70baf2d] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #282828;
}
.ocr-form__preview-image img[data-v-b70baf2d] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.ocr-form__footer[data-v-b70baf2d] {
  background-color: var(--colors-common-background-default);
  padding: var(--spacing-3) var(--spacing-4);
  box-shadow: var(--box-shadows-medium);
  z-index: 1;
}
.ocr-form__footer-actions[data-v-b70baf2d] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-2);
}
.ocr-form__line-mode[data-v-b70baf2d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}
.ocr-form__line-mode-subtitle[data-v-b70baf2d] {
  margin: 0;
}

.conformity .dialog__default {
  padding-bottom: 24px;
}
.conformity .dialog__default h3 {
  margin: 0 0 8px;
}
.conformity .dialog__default .el-checkbox {
  display: flex;
  align-items: center;
}
.conformity .dialog__default .fix-margin-p {
  margin-top: 0;
}
.conformity .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.confirm-section .success {
  font-size: 80px;
}

.draft-numbering-block[data-v-d97f2bb6] {
  background: var(--colors-common-background-decorative-orange);
  border-radius: var(--spacing-0);
  color: var(--colors-component-text-tag-orange);
  padding: var(--spacing-3);
}
.draft-numbering-block--is-ready[data-v-d97f2bb6] {
  background: var(--colors-common-background-success-subtle);
  color: var(--colors-component-text-tag-green);
}
.draft-numbering-block p[data-v-d97f2bb6] {
  color: var(--colors-common-text-standard-default);
  margin: 0 0 var(--spacing-3);
}
.draft-numbering-block__key-figures[data-v-d97f2bb6] {
  align-items: start;
  display: flex;
  gap: var(--spacing-1);
}
.draft-numbering-block__figure[data-v-d97f2bb6] {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.draft-numbering-block__figure-type[data-v-d97f2bb6] {
  margin-bottom: var(--spacing-2);
}

.conformity-settings--is-disabled[data-v-a594e164] {
  opacity: 0.5;
  pointer-events: none;
}
.conformity-settings .typographies-heading-h2[data-v-a594e164] {
  margin-bottom: var(--spacing-3);
}
.conformity-settings__help[data-v-a594e164] {
  margin: 0 0 var(--spacing-3);
}
.conformity-settings__is-conform[data-v-a594e164] {
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
  padding: var(--spacing-3);
}
.conformity-settings__is-conform--title[data-v-a594e164] {
  margin-bottom: var(--spacing-1);
}
.conformity-settings__is-conform--rule[data-v-a594e164] {
  display: flex;
  gap: var(--spacing-0);
}
.conformity-settings__is-conform--rules-container[data-v-a594e164] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  margin-bottom: var(--spacing-4);
}
.conformity-settings__is-conform--rules-container[data-v-a594e164]:has(+ .conformity-settings__activated-data) {
  border-bottom: 1px solid var(--colors-common-border-default);
  padding-bottom: var(--spacing-3);
}
.conformity-settings__is-conform .conformity-settings__activated-data[data-v-a594e164] {
  color: var(--colors-common-text-standard-caption);
  margin-bottom: var(--spacing-3);
}
.conformity-settings__is-not-conform[data-v-a594e164] {
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
  display: flex;
  gap: var(--spacing-1);
  justify-content: space-between;
  padding: var(--spacing-3);
}
.draft-numbering[data-v-a594e164] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-3);
}
.draft-numbering__information[data-v-a594e164] {
  grid-column: span 8;
}
@media (max-width: 1199px) {
.draft-numbering__information[data-v-a594e164] {
    grid-column: span 12;
}
}
.draft-numbering__information p[data-v-a594e164] {
  margin: 0 0 var(--spacing-1);
}
.draft-numbering__subtitle[data-v-a594e164] {
  margin: var(--spacing-3) 0 var(--spacing-1);
}
.draft-numbering__steps[data-v-a594e164] {
  list-style: disc;
  margin: 0 0 var(--spacing-1);
  padding: 0 0 0 20px;
}
.draft-numbering__count[data-v-a594e164] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  grid-column: 10/3 span;
}
@media (max-width: 1199px) {
.draft-numbering__count[data-v-a594e164] {
    grid-column: 4/6 span;
}
}
.draft-numbering__activate-tooltip[data-v-a594e164], .draft-numbering__activate-button[data-v-a594e164] {
  width: 100%;
}
.draft-numbering__activate-tooltip[data-v-a594e164] .compass-tooltip {
  width: 100%;
}

.pdf-preview__svg-container[data-v-51dc2a52] {
  position: relative;
}
.pdf-preview__svg-container svg[data-v-51dc2a52] {
  border-radius: var(--spacing-0);
  box-shadow: var(--elevation-1);
}
.pdf-preview__law-texts[data-v-51dc2a52] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  left: 7%;
  position: absolute;
  top: 68%;
  width: 86%;
}
.pdf-preview__dashed-wrapper[data-v-51dc2a52] {
  align-items: center;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23BEC1CB' stroke-width='2' stroke-dasharray='3%2c 7' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  border-radius: var(--spacing-1);
  display: flex;
  padding: 1px;
}
.pdf-preview__dashed-text[data-v-51dc2a52] {
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-1);
  margin: 0;
  overflow: hidden;
  padding: var(--spacing-1);
}
.pdf-preview__dashed-text[data-v-51dc2a52] .compass-icons {
  flex-shrink: 0;
}
.pdf-preview__dashed-text span[data-v-51dc2a52] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pdf-preview__note[data-v-51dc2a52] {
  align-items: baseline;
  height: 45px;
  left: 7%;
  position: absolute;
  top: 47%;
  width: 40%;
}
.pdf-preview__conditions-terms[data-v-51dc2a52]:is(p) {
  align-items: center;
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-0);
  box-shadow: var(--elevation-1);
  display: flex;
  gap: var(--spacing-0);
  margin: var(--spacing-3) 0 0;
  padding: var(--spacing-1);
}

.conditions-settings-loader[data-v-78fd3a1e] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.conditions-settings-loader__skeleton-container[data-v-78fd3a1e] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.conditions-settings-loader__skeleton-container .conditions-settings-loader__skeleton-semi-line[data-v-78fd3a1e] {
  width: 387px;
}
.conditions-settings-loader__skeleton-button[data-v-78fd3a1e] {
  width: 85px;
  align-self: end;
}

[data-v-bdaa4e9b] .compass-tabs__container {
  margin-top: var(--spacing-3);
}

.label-confirmation-input .compass-checkbox[data-v-ffcf2822] {
  margin-bottom: var(--spacing-3);
}
.label-confirmation-input .slide-enter-active[data-v-ffcf2822],
.label-confirmation-input .slide-leave-active[data-v-ffcf2822] {
  transition: all 0.2s ease-in-out;
}
.label-confirmation-input .slide-enter-from[data-v-ffcf2822],
.label-confirmation-input .slide-leave-to[data-v-ffcf2822] {
  transform: translateY(-10px);
  opacity: 0;
}
.label-confirmation-input[data-v-ffcf2822] .compass-tab-pane {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-3);
}
.label-confirmation-input[data-v-ffcf2822] .compass-tab-pane .label-confirmation-input__text-input {
  grid-column: span 12;
}
.label-confirmation-input[data-v-ffcf2822] .compass-tab-pane .label-confirmation-input__text-input:has(+ .label-confirmation-input__file-search-input) {
  grid-column: span 7;
}
.label-confirmation-input[data-v-ffcf2822] .compass-tab-pane .label-confirmation-input__file-search-input {
  grid-column: span 5;
}

#compass-dropdown-container .label-confirmation-input__file-search-input-dropdown--hidden {
  display: none;
}

.conditions-settings p[data-v-39848368] {
  margin: 0;
}
.conditions-settings__content[data-v-39848368] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-2);
}
@media screen and (max-width: 1199px) {
.conditions-settings__content[data-v-39848368] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
}
.conditions-settings__content .conditions-settings__content-preview[data-v-39848368] {
    width: 50%;
    align-self: center;
}
}
.conditions-settings__content-form[data-v-39848368] {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-5);
}
.conditions-settings__content-form-note-caption[data-v-39848368]:is(p) {
  color: var(--colors-common-text-subtle-default);
  margin-top: var(--spacing-0);
}
.conditions-settings__content-form-submit[data-v-39848368] {
  align-self: end;
}
.conditions-settings__content-form[data-v-39848368] .tiptap.ProseMirror {
  height: 59px;
  max-height: 59px;
}
.conditions-settings__content-form-late-penalty .compass-checkbox[data-v-39848368], .conditions-settings__content-form-early-payment-discount .compass-checkbox[data-v-39848368], .conditions-settings__content-form-vat .compass-checkbox[data-v-39848368] {
  margin-top: var(--spacing-4);
}
.conditions-settings__content-form-late-penalty .compass-checkbox[data-v-39848368] .compass-tooltip, .conditions-settings__content-form-early-payment-discount .compass-checkbox[data-v-39848368] .compass-tooltip, .conditions-settings__content-form-vat .compass-checkbox[data-v-39848368] .compass-tooltip {
  margin: 2px 0 0;
}
.conditions-settings__content-form-terms-conditions .compass-form-item[data-v-39848368] {
  margin-top: var(--spacing-4);
}
.conditions-settings__content-form-terms-conditions[data-v-39848368] .tiptap.ProseMirror {
  height: 220px;
  max-height: 220px;
}
.conditions-settings__content-preview[data-v-39848368] {
  grid-column: span 4;
}
.conditions-settings__content-preview-pdf-container[data-v-39848368] {
  padding: var(--spacing-3);
  border-radius: var(--spacing-0);
  background-color: var(--colors-common-background-subtle);
  margin-bottom: var(--spacing-3);
  overflow: hidden;
}
.conditions-settings__content-preview-pdf-container svg[data-v-39848368] {
  display: block;
  width: 100%;
  height: auto;
}
.conditions-settings__content-preview-caption[data-v-39848368] {
  color: var(--colors-common-text-subtle-default);
}
.conditions-settings__modal-description[data-v-39848368]:is(p) {
  margin: 0 0 var(--spacing-3);
}
.conditions-settings__modal-alert[data-v-39848368] {
  margin-bottom: 0;
}

.automatic-accounting-recording[data-v-bca1ed99] {
  align-items: start;
  display: flex;
  gap: var(--spacing-4);
}
@media screen and (max-width: 1199px) {
.automatic-accounting-recording[data-v-bca1ed99] {
    align-items: stretch;
    flex-direction: column;
}
}
.automatic-accounting-recording__card[data-v-bca1ed99] {
  flex: 0 1 50%;
  min-width: 0;
}
.automatic-accounting-recording__card.card-container + .card-container[data-v-bca1ed99] {
  margin-top: 0;
}
.automatic-accounting-recording__description[data-v-bca1ed99] {
  color: var(--colors-common-text-standard-default);
  margin: 0 0 var(--spacing-3);
}
.automatic-accounting-recording__section + .automatic-accounting-recording__section[data-v-bca1ed99] {
  margin-top: var(--spacing-4);
}
.automatic-accounting-recording__section-title[data-v-bca1ed99] {
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 var(--spacing-2);
}
.automatic-accounting-recording__section-fields[data-v-bca1ed99] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.automatic-accounting-recording__actions[data-v-bca1ed99] {
  display: flex;
  justify-content: end;
  padding: var(--spacing-4) 0 0;
}

.search-result-item {
  max-width: 200px;
}

.search-result-item[data-v-c719dcd7]:nth-child(2) {
  white-space: nowrap;
  max-width: 450px;
}

.fast-search-popover {
  overflow-y: scroll;
  max-height: 600px;
}
.fast-search-input {
  flex: 1;
  max-width: 1040px;
}
.fast-search-input i {
  line-height: 32px;
}
.fast-search-no-result {
  min-height: 300px;
}
.fast-search-no-result i {
  font-size: 72px;
}
#token-input-fast-search-input:focus {
  border: unset !important;
}

.search-result-ticket[data-v-c6517268] {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-3);
}
.search-result-ticket--is-hovered[data-v-c6517268] {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-result-ticket__title[data-v-c6517268] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.search-result-ticket .ticket-status[data-v-c6517268] {
  color: var(--colors-common-text-standard-default, #111);
}
.search-result-ticket__name[data-v-c6517268] {
  color: var(--colors-common-text-standard-default, #111);
  margin: 0;
}
.search-result-ticket__third[data-v-c6517268] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-2);
  margin: var(--spacing-0) 0 0;
}
.search-result-ticket__company[data-v-c6517268] {
  flex-shrink: 0;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-ticket[data-v-c6517268] .highlight {
  background: var(--colors-common-background-highlight-search);
}

.search-results-category[data-v-eb9e8209]:not(:first-child):before {
  content: "";
  background: var(--colors-common-border-lighter, #e9e9ec);
  display: block;
  height: 1px;
  margin: var(--spacing-0) var(--spacing-3) var(--spacing-3);
}
.search-results-category__header[data-v-eb9e8209] {
  align-items: center;
  display: flex;
  gap: var(--spacing-0);
  min-height: 24px;
  padding: 0 var(--spacing-3);
}
.search-results-category__header[data-v-eb9e8209] .compass-plain-button {
  margin-left: auto;
}
.search-results-category__title[data-v-eb9e8209] {
  color: var(--colors-common-text-subtle-default, #565665);
  margin: 0;
}
.search-results-category .badge[data-v-eb9e8209] {
  background: var(--colors-common-background-primary-hover-alt);
  border-radius: 50px;
  color: var(--colors-common-text-primary-default, #4868fd);
  padding: 0 6px;
}
.search-results-category__group-title[data-v-eb9e8209] {
  color: var(--colors-common-text-subtle-default, #565665);
  margin: var(--spacing-0) 0 0;
  padding: 0 var(--spacing-3);
  text-transform: uppercase;
}
.search-results-category__precision[data-v-eb9e8209] {
  align-items: center;
  background: var(--colors-common-background-primary-lightest);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
  margin: var(--spacing-3);
  padding: var(--spacing-1);
}
.search-results-category__precision p[data-v-eb9e8209] {
  margin: 0;
}

.results-recently-opened[data-v-64e5f089]:not(:first-child):before {
  content: "";
  background: var(--colors-common-border-lighter, #e9e9ec);
  display: block;
  height: 1px;
  margin: var(--spacing-0) var(--spacing-3) var(--spacing-3);
}

.search-result-company-scan[data-v-48b0ac3c] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-3);
}
.search-result-company-scan--is-hovered[data-v-48b0ac3c] {
  background: var(--colors-common-background-hover, #f6f6f9);
}
.search-result-company-scan[data-v-48b0ac3c] .compass-object {
  align-self: flex-start;
}
.search-result-company-scan__title[data-v-48b0ac3c] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.search-result-company-scan__name[data-v-48b0ac3c] {
  color: var(--colors-common-text-standard-default, #111);
  margin: 0;
}
.search-result-company-scan__details[data-v-48b0ac3c] {
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-2);
  margin: var(--spacing-0) 0 0;
}
.search-result-company-scan__address[data-v-48b0ac3c] {
  color: var(--colors-common-text-standard-caption, #8c909c);
}
.search-result-company-scan[data-v-48b0ac3c] .compass-button {
  margin-left: auto;
}

.skeleton__title[data-v-3e1e9294] {
  margin: var(--spacing-4) 0 var(--spacing-1);
  width: 70%;
}
.skeleton__label[data-v-3e1e9294] {
  margin: 0 0 var(--spacing-1);
  width: 110px;
}
.skeleton__input[data-v-3e1e9294]  .compass-skeleton__text {
  height: 32px;
}
.skeleton__input--spacer[data-v-3e1e9294] {
  margin: 0 0 var(--spacing-5);
}
.company-create-dialog__form[data-v-3e1e9294] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.company-create-dialog__form-column[data-v-3e1e9294] {
  display: flex;
  gap: var(--spacing-3);
}
.company-create-dialog__form-column .postal-code[data-v-3e1e9294] {
  flex: 0 0 35%;
  min-width: 0;
}
.company-create-dialog__form-column .city[data-v-3e1e9294] {
  flex: 1 1 auto;
}
.company-create-dialog__title[data-v-3e1e9294] {
  color: var(--colors-common-text-standard-default, #111);
  margin: var(--spacing-4) 0 var(--spacing-1);
}
.company-create-dialog__footer[data-v-3e1e9294] {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-3, 16px);
  padding-top: var(--spacing-4, 24px);
  padding-right: var(--spacing-5, 32px);
  padding-bottom: var(--spacing-5, 32px);
}
.company-create-dialog__alert[data-v-3e1e9294] {
  margin-bottom: 48px;
}
.company-create-dialog__loader[data-v-3e1e9294] {
  color: var(--colors-common-text-standard-default);
  display: flex;
  padding: 64px 0 88px;
}
.company-create-dialog__loader[data-v-3e1e9294]  .compass-icon,
.company-create-dialog__loader[data-v-3e1e9294]  .compass-loader__circle {
  height: 64px;
  width: 64px;
}
.company-create-dialog[data-v-3e1e9294]  .is-error .el-input__inner,
.company-create-dialog[data-v-3e1e9294]  .is-error .el-input__inner:focus,
.company-create-dialog[data-v-3e1e9294]  .is-error .el-textarea__inner,
.company-create-dialog[data-v-3e1e9294]  .is-error .el-textarea__inner:focus {
  border-color: var(--colors-common-border-alert);
}


#compass-dropdown-container {
.company-create-select {
        z-index: 1001;
}
}


.search-bar[data-v-71ba6525] {
  align-items: center;
  display: flex;
  flex: 1;
  order: 1;
  justify-content: center;
  position: relative;
}
.search-bar__tooltip[data-v-71ba6525] {
  align-items: center;
  background: var(--colors-common-background-default-contrast, #111);
  border-radius: var(--xx-small, 4px);
  color: var(--colors-common-text-standard-on-color, #fff);
  display: flex;
  gap: var(--spacing-0);
  justify-content: center;
  left: 50%;
  padding: var(--spacing-0) var(--spacing-1);
  position: absolute;
  transform: translate3d(-50%, 4px, 0);
  top: 100%;
}
.search-bar__tooltip .shortcut[data-v-71ba6525] {
  background: var(--colors-common-background-darker-hover, #565665);
  border-radius: var(--xx-small, 4px);
  font-family: var(--font-families-lato);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  padding: var(--spacing-0);
}
.search-bar__input-container[data-v-71ba6525] {
  align-items: center;
  background: var(--colors-component-background-illustration-brand-secondary-grey);
  border-radius: 18px;
  cursor: pointer;
  display: flex;
  flex: 1;
  gap: var(--spacing-1);
  max-width: 1040px;
  padding: var(--spacing-0) var(--spacing-2);
  transition: all 300ms ease-in-out;
}
.search-bar__input-container[data-v-71ba6525]:hover {
  background: var(--colors-common-background-default, #fff);
  box-shadow: inset 0 0 0 2px var(--colors-common-border-focus, #4868fd);
}
.search-bar__input-container[data-v-71ba6525] .compass-icon {
  color: var(--colors-common-text-subtle-default);
}
.search-bar__input[data-v-71ba6525] {
  background: transparent;
  border: none;
  color: var(--colors-common-text-subtle-default);
  cursor: pointer;
  flex: 1;
  font-family: var(--font-families-lato);
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  line-height: 20px;
  outline: none;
  padding: 0;
}
.search-bar__input[data-v-71ba6525]::placeholder {
  color: var(--colors-common-text-subtle-default);
}
.search-results-container[data-v-71ba6525] {
  background: var(--colors-common-background-default, #fff);
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px rgba(17, 17, 17, 0.24);
  overflow: hidden;
  position: fixed;
  top: 12px;
  z-index: 10;
}
@media screen and (min-width: 1940px) {
.search-results-container[data-v-71ba6525] {
    max-width: 1040px;
}
}
.search-results-container__input-container[data-v-71ba6525] {
  align-items: center;
  border-bottom: 1px solid var(--colors-common-border-lighter, #e9e9ec);
  display: flex;
  gap: var(--spacing-1);
  height: 56px;
  padding: 0 var(--spacing-3);
}
.search-results-container__input-container[data-v-71ba6525]  .compass-icon {
  color: var(--colors-common-text-subtle-default);
}
.search-results-container__input-container[data-v-71ba6525]  .search-results-container__input-close .compass-icon {
  color: var(--colors-common-text-standard-default);
}
.search-results-container__input[data-v-71ba6525] {
  background: transparent;
  border: none;
  color: var(--colors-common-text-subtle-default);
  flex: 1;
  font-family: var(--font-families-lato);
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  line-height: 20px;
  outline: none;
  padding: 0;
}
.search-results-container__loader[data-v-71ba6525] {
  color: var(--colors-common-text-standard-default, #111);
  display: flex;
  gap: 10px;
  padding: var(--spacing-2) var(--spacing-3);
}
.search-results-container__loader-text[data-v-71ba6525] {
  width: 100%;
  max-width: 400px;
}
.search-results-container__results[data-v-71ba6525] {
  padding: var(--spacing-3);
}
.search-results-container__results-wrapper[data-v-71ba6525] {
  max-height: 480px;
  overflow-y: auto;
}
@media screen and (max-height: 768px) {
.search-results-container__results-wrapper[data-v-71ba6525] {
    max-height: 55vh;
}
}
.search-results-container__results-similar[data-v-71ba6525] {
  color: var(--colors-common-text-subtle-default, #565665);
  padding: var(--spacing-2) var(--spacing-3);
}
.search-results-container__recently-opened-items[data-v-71ba6525] {
  color: var(--colors-common-text-subtle-default, #565665);
  padding: var(--spacing-3) var(--spacing-3) var(--spacing-0);
}
.search-results-container__no-results[data-v-71ba6525] {
  align-items: center;
  background: var(--colors-common-background-primary-subtle);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-default, #111);
  display: flex;
  gap: var(--spacing-0);
  margin: 0 var(--spacing-3) var(--spacing-3);
  padding: var(--spacing-1) var(--spacing-4);
}
.search-results-container__no-results p[data-v-71ba6525] {
  margin: 0;
}
.search-results-container__totalCount[data-v-71ba6525] {
  color: var(--colors-common-text-standard-default, #111);
  padding: var(--spacing-2) var(--spacing-3);
}
.search-results-container__wrapper[data-v-71ba6525] {
  max-height: 0;
  overflow: hidden;
  transition: all 400ms ease-in-out 200ms;
}
.search-results-container__company-scan-launch[data-v-71ba6525] {
  padding: var(--spacing-3);
}
.search-results-container__company-scan-launch-title[data-v-71ba6525] {
  color: var(--colors-common-text-subtle-default, #565665);
  margin: 0 0 var(--spacing-0);
}
.search-results-container__footer[data-v-71ba6525] {
  align-items: center;
  border-top: 1px solid var(--colors-common-border-lighter, #e9e9ec);
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-1);
}
.search-results-container__footer-help[data-v-71ba6525] {
  color: var(--colors-common-text-subtle-default, #565665);
}
.search-results-container__footer-help p[data-v-71ba6525] {
  margin: 0;
}
.search-results-container__footer-actions[data-v-71ba6525] {
  align-items: center;
  color: var(--colors-common-text-subtle-default, #565665);
  display: flex;
  gap: var(--spacing-1);
  margin: 0;
}
.search-results-container__footer-actions li[data-v-71ba6525] {
  align-items: center;
  display: flex;
  gap: var(--spacing-0);
}
.search-results-container__footer-actions li .shortcut[data-v-71ba6525] {
  align-items: center;
  background: var(--colors-common-background-subtle, #f6f6f9);
  border-radius: 4px;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  padding: var(--spacing-0);
}
.slide-up-enter-active[data-v-71ba6525] {
  animation: slide-up-71ba6525 200ms;
}
@keyframes slide-up-71ba6525 {
0% {
    opacity: 0;
    transform: translate3d(-50%, 12px, 0);
}
100% {
    opacity: 1;
    transform: translate3d(-50%, 4px, 0);
}
}
.slide-right-enter-active[data-v-71ba6525] {
  animation: slide-right-71ba6525 200ms;
}
@keyframes slide-right-71ba6525 {
0% {
    opacity: 0;
    transform: translateX(-20px);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}

.navbar__search[data-v-05344140] {
  max-width: 640px;
  display: flex;
  flex-direction: row;
  flex: 1;
  gap: var(--spacing-1);
  align-items: center;
  order: 1;
  padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-4);
}
.navbar__search--legacy[data-v-05344140] {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  padding-right: 0;
  padding-left: var(--spacing-3);
  margin-right: var(--spacing-2);
  background-color: var(--colors-common-background-default);
}
[data-v-05344140]  .navbar__search-legacy {
  display: flex;
  align-items: center;
}
[data-v-05344140]  .navbar__search-legacy .fast-select {
  height: 32px;
  font-size: var(--font-size-14);
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
[data-v-05344140]  .navbar__search-legacy .token-input-list {
  height: 32px;
  font-size: var(--font-size-14);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 296px;
}
@media screen and (width < 1280px) {
[data-v-05344140]  .navbar__search-legacy .token-input-list {
    width: 308px;
}
}
[data-v-05344140]  .navbar__search-legacy .token-input-list #token-input-fast-search-input {
  height: 32px;
  line-height: 32px;
}
[data-v-05344140]  .navbar__search-legacy--input {
  width: 300px;
  height: 32px;
  font-size: var(--font-size-14);
  line-height: 32px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[data-v-05344140]  .navbar__search-legacy-container {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
  justify-content: space-between;
}
[data-v-05344140]  .navbar__search-legacy-container #fast-search-cat {
  transition: all 0.2s linear;
  width: 200px;
}
@media screen and (width < 1280px) {
[data-v-05344140]  .navbar__search-legacy-container #fast-search-cat {
    width: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0;
}
}
[data-v-05344140]  .navbar__search-legacy-container .navbar__search-legacy--close {
  cursor: pointer;
  width: 0;
  padding: 0;
  color: var(--colors-common-text-standard-default);
  visibility: hidden;
  display: none;
  opacity: 0;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
[data-v-05344140]  .navbar__search-legacy-container .navbar__search-legacy--close:hover {
  background-color: var(--colors-common-background-selected-hover);
}
@media screen and (width < 1280px) {
[data-v-05344140]  .navbar__search-legacy-container--focused .token-input-list {
    width: 293px;
}
[data-v-05344140]  .navbar__search-legacy-container--focused #fast-search-cat {
    width: 200px;
    padding: var(--spacing-0) 15px var(--spacing-0) 10px;
    visibility: visible;
    opacity: 1;
}
[data-v-05344140]  .navbar__search-legacy-container--focused .navbar__search-legacy--close {
    width: auto;
    padding: 6px;
    visibility: visible;
    opacity: 1;
    display: block;
}
}

.transfert_email .flex-column.left[data-v-151e8dfe] {
  gap: 4px;
}
.transfert_email-caption-help-link[data-v-151e8dfe] {
  color: var(--colors-common-text-standard-caption);
}

.email-listing-domain-auth-dialog__failed .dialog__default p[data-v-15eab716] {
  margin: 0;
}
.email-listing-domain-auth-dialog__failed .dialog__footer[data-v-15eab716] {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-5) var(--spacing-4);
}
.modal-icon[data-v-15eab716] {
  font-size: 72px;
}

.provider-extern-mailing-conf .service-campaign-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.provider-extern-mailing-conf .service-campaign-subcontainer {
  display: flex;
  align-items: center;
}
.provider-extern-mailing-conf .dialog__default {
  padding-bottom: 24px;
}
.provider-extern-mailing-conf .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}
.provider-extern-mailing-conf .flex-row.ai-center div .default-tag {
  border: none !important;
}

.vat-settings-loader[data-v-11e56845] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.vat-settings-loader__line[data-v-11e56845] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.vat-settings-loader__line:nth-child(2) .vat-settings-loader__label[data-v-11e56845] {
  max-width: 180px;
}
.vat-settings-loader__line:nth-child(3) .vat-settings-loader__label[data-v-11e56845] {
  max-width: 140px;
}
.vat-settings-loader__label[data-v-11e56845] {
  max-width: 100px;
  width: 100%;
}
.vat-settings-loader__input[data-v-11e56845] {
  max-width: 220px;
  width: 100%;
}

.rate-category-table[data-v-0aa942b1]  .compass-radio__text-container {
  display: none;
}
.rate-category-table__fixed-width-cell[data-v-0aa942b1] {
  white-space: nowrap;
  width: 1%;
}
.rate-category-table__multi-line-cell[data-v-0aa942b1]  .compass-table__cell-container {
  align-items: start;
  flex-direction: column;
}
.rate-category-table__caption[data-v-0aa942b1] {
  color: var(--colors-common-text-standard-caption);
}
.rate-category-table__label-cell[data-v-0aa942b1] .compass-table__cell-container {
  gap: var(--spacing-1);
}
.rate-category-table__label-cell .conformity-tag-tooltip[data-v-0aa942b1] {
  flex-shrink: 0;
}

.vat-settings__columns[data-v-d039bc5d] {
  align-items: start;
  display: flex;
  gap: var(--spacing-4);
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
.vat-settings__columns[data-v-d039bc5d] {
    align-items: stretch;
    flex-direction: column;
}
}
.vat-settings__columns[data-v-d039bc5d]  .card-container {
  flex: 0 1 50%;
}
.vat-settings__columns--right[data-v-d039bc5d] {
  flex: 0 1 50%;
}
.vat-settings__card-header[data-v-d039bc5d] {
  align-items: start;
  display: flex;
  justify-content: space-between;
}
.vat-settings__switch[data-v-d039bc5d] {
  display: inline-flex;
}
.vat-settings__form-item[data-v-d039bc5d] {
  margin: 0 0 var(--spacing-4);
}
.vat-settings__form-item--bordered[data-v-d039bc5d] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  margin: 0 0 var(--spacing-4);
  padding: 0 0 var(--spacing-4);
}
.vat-settings__select[data-v-d039bc5d], .vat-settings__input-unit[data-v-d039bc5d] {
  max-width: 220px;
}
.vat-settings__discount-form-item[data-v-d039bc5d] {
  margin: var(--spacing-4) 0 var(--spacing-1);
}

.settings-accounting-charts {
  margin-bottom: 80px;
  background: #ffffff;
  border: 1px solid #ccccd1;
  border-radius: 4px;
  max-width: 1040px;
  padding-bottom: 40px;
}
.settings-accounting-charts--title {
  margin-bottom: var(--spacing-5);
}
.settings-accounting-charts .categories-title {
  margin-bottom: var(--spacing-3);
}
.settings-accounting-charts--container h3,
.settings-accounting-charts--container h4 {
  margin: 0;
}
.settings-accounting-charts--container > li {
  display: flex;
  flex-direction: column;
  width: 500px;
}
.settings-accounting-charts--container > li h4 {
  margin-bottom: var(--spacing-0);
}
.settings-accounting-charts--container > li .el-form-item > label {
  margin-bottom: var(--spacing-0);
  color: var(--colors-common-text-standard-default);
}
.settings-accounting-charts--container .el-switch {
  margin-bottom: var(--spacing-3);
}
.settings-accounting-charts--container .el-switch .el-switch__core {
  width: 36px !important;
  background: #565665;
}
.settings-accounting-charts--container .el-switch .el-switch__label {
  margin-left: 8px;
  display: flex;
  font-weight: var(--font-weights-lato-2);
  color: var(--colors-common-text-standard-default);
}
.settings-accounting-charts--container .el-switch .el-switch__label > span {
  align-self: center;
}
.settings-accounting-charts--container .input-with-select.el-input.el-input-group .el-input-group__append {
  background-color: #ffffff;
  color: #111111;
}
.settings-accounting-charts--container .el-input-number input {
  text-align: left;
}
.settings-accounting-charts--container:not(.settings-accounting-charts--container:last-child) {
  border-bottom: solid var(--colors-common-border-default) 1px;
  margin-top: 0;
  margin-bottom: var(--spacing-5);
  padding-bottom: var(--spacing-5);
}
.el-popper.discount-dropdown {
  margin-top: 0px !important;
}
.el-popper.discount-dropdown .popper__arrow {
  display: none !important;
}

.notification-banner[data-v-23f4cad4] {
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: var(--spacing-0);
  box-shadow: 0 0 20px rgba(17, 17, 17, 0.2);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
  justify-content: space-between;
  margin-bottom: var(--spacing-3);
  padding: var(--spacing-1) var(--spacing-3);
  width: 420px;
}
.notification-banner .notification-message-container[data-v-23f4cad4] {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
  padding: var(--spacing-0) 0;
}
.notification-banner .notification-message-container .compass-logo[data-v-23f4cad4] {
  align-items: center;
  background-color: #02016f;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
}
.notification-banner .notification-message-container .compass-logo[data-v-23f4cad4] svg {
  height: 20px;
  width: 20px;
}
.notification-banner p[data-v-23f4cad4] {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.notification-banner .notification-close-button[data-v-23f4cad4] {
  flex-shrink: 0;
}

.notification-handler[data-v-963696db] {
  position: fixed;
  top: 32px;
  z-index: 3000;
  right: 24px;
}
.notification-handler.container[data-v-963696db] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notification-transition-enter[data-v-963696db],
.notification-transition-leave-to[data-v-963696db] {
  opacity: 0;
  transform: translateX(100%);
}
.notification-transition-move[data-v-963696db],
.notification-transition-enter-active[data-v-963696db],
.notification-transition-leave-active[data-v-963696db] {
  transition: all 0.3s ease;
}
.notification-transition-leave-active[data-v-963696db] {
  position: absolute;
}

.email-input__dropdown[data-v-f8d7a2e1] {
  z-index: 1000;
}
.email-input__dropdown[data-v-f8d7a2e1] .compass-dropdown__footer-container {
  display: none;
}

.email-input[data-v-d21b410e] {
  align-items: center;
  border-bottom: 1px solid var(--colors-common-border-lighter);
  display: flex;
  gap: var(--spacing-1);
  padding: var(--spacing-0) 0;
  line-height: var(--line-heights-24);
}
.email-input[data-v-d21b410e]:has(input:focus) {
  border-color: var(--colors-common-border-focus);
}
.email-input:has(input:focus) label[data-v-d21b410e] {
  color: var(--colors-common-text-standard-default);
  font-weight: var(--font-weights-lato-1);
}
.email-input.is-active label[data-v-d21b410e] {
  display: flex;
  align-items: center;
  height: 24px;
  color: var(--colors-common-text-standard-default);
  font-weight: var(--font-weights-lato-1);
}
.email-input label[data-v-d21b410e] {
  display: flex;
  align-items: center;
  height: 24px;
  user-select: none;
  color: var(--colors-common-text-standard-placeholder);
}
.email-input label.alignStart[data-v-d21b410e] {
  align-self: start;
}
.email-input input[data-v-d21b410e] {
  border: none !important;
  flex-grow: 1;
  margin-left: var(--spacing-1);
  padding: 0 !important;
  text-overflow: ellipsis;
}
.email-input__input[data-v-d21b410e] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: var(--spacing-0);
}
.email-input .actions[data-v-d21b410e] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  align-self: start;
  margin-left: auto;
  height: 24px;
}
.email-input__dropdown[data-v-d21b410e] {
  z-index: 1001;
  max-width: 312px;
}
.email-input__dropdown .compass-dropdown-option[data-v-d21b410e] {
  padding-top: var(--spacing-1);
  padding-bottom: var(--spacing-1);
}
.email-input__dropdown .dropdown-section-header[data-v-d21b410e] {
  color: var(--colors-common-text-standard-caption);
  font-weight: 600;
  font-size: 12px;
  margin: var(--spacing-2) var(--spacing-1) auto var(--spacing-1);
}
.email-input__dropdown .dropdown-email__avatar-text[data-v-d21b410e] {
  display: flex;
  flex-direction: column;
}
.email-input__dropdown .dropdown-email__avatar-text .avatar-name[data-v-d21b410e] {
  line-height: 17px;
}
.email-input__dropdown .dropdown-email__avatar-text .avatar-name.email-already-added[data-v-d21b410e] {
  font-weight: 600;
}
.email-input__dropdown .dropdown-email__avatar-text .avatar-email[data-v-d21b410e] {
  color: var(--colors-common-text-standard-caption);
}
.email-input__dropdown .dropdown-email__option[data-v-d21b410e] {
  position: relative;
}
.email-input__dropdown .dropdown-email__check-icon[data-v-d21b410e] {
  position: absolute;
  right: var(--spacing-2);
  top: 50%;
  transform: translateY(-50%);
}

.input-recipients[data-v-41e6b168]:not(:last-child) {
  margin-bottom: var(--spacing-0);
}
.input-actions[data-v-41e6b168] {
  color: var(--colors-common-text-subtle-default);
}
.input-actions[data-v-41e6b168]:hover {
  color: var(--colors-common-text-subtle-hover);
}

.email-subject-input[data-v-97572da8] {
  align-items: center;
  border-bottom: 1px solid var(--colors-common-border-lighter);
  display: flex;
  gap: var(--spacing-1);
  padding: 6px 0;
}
.email-subject-input[data-v-97572da8]:has(input:focus) {
  border-color: var(--colors-common-border-focus);
}
.email-subject-input:has(input:focus) label[data-v-97572da8] {
  font-weight: var(--font-weights-lato-1);
  color: var(--colors-common-text-standard-default);
}
.email-subject-input label[data-v-97572da8] {
  user-select: none;
  color: var(--colors-common-text-standard-placeholder);
}
.email-subject-input label.is-active[data-v-97572da8] {
  font-weight: var(--font-weights-lato-1);
  color: var(--colors-common-text-standard-default);
}
.email-subject-input input[data-v-97572da8] {
  border: none !important;
  flex-grow: 1;
  padding: 0 !important;
  text-overflow: ellipsis;
}

.email-related-object[data-v-1ac027ea] {
  align-items: center;
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: 4px;
  display: flex;
  gap: var(--spacing-0);
  margin: 0 0 var(--spacing-2);
  padding: var(--spacing-1);
  cursor: pointer;
}
.email-related-object__label[data-v-1ac027ea] {
  color: var(--colors-common-text-standard-default);
}
.email-related-object__object[data-v-1ac027ea] {
  color: var(--colors-common-text-subtle-default);
}
.email-related-object[data-v-1ac027ea],
.no-link[data-v-1ac027ea] {
  cursor: default;
}

.progress-bar__wrapper[data-v-53347166] {
  width: 100%;
  margin: 0 var(--spacing-1) 0 var(--spacing-1);
}
.progress-bar__wrapper .progress-bar[data-v-53347166] {
  border: none;
  position: relative;
  overflow: hidden;
  border-radius: var(--spacing-0);
  background-color: var(--colors-common-background-primary-disabled);
  width: 80px;
  height: 4px;
}
.progress-bar__wrapper .progress-bar__progress[data-v-53347166] {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: var(--spacing-0);
  background-color: var(--colors-common-background-primary-default);
  animation: progress-animation-53347166 2s linear infinite;
}
@keyframes progress-animation-53347166 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}
.tooltip[data-v-53347166] {
  margin-bottom: var(--spacing-1);
}
.attachments-wrapper[data-v-53347166] {
  width: 440px;
  display: flex;
  align-items: center;
  padding: var(--spacing-1);
  justify-content: space-between;
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
}
.attachments-wrapper__title[data-v-53347166] {
  color: var(--colors-common-text-subtle-default);
  white-space: nowrap;
}
.attachments-wrapper .close_icon[data-v-53347166] {
  cursor: pointer;
}
.attachments-wrapper .file-icon[data-v-53347166] {
  flex-shrink: 0;
  height: 16px;
  width: 16px;
}
.attachments-wrapper__content[data-v-53347166] {
  display: flex;
  align-items: center;
  width: 100%;
}
.attachments-wrapper__content svg[data-v-53347166] {
  margin-right: 4px;
}
.attachments-wrapper__content .light[data-v-53347166] {
  color: #667080;
}
.error_class[data-v-53347166] {
  background-color: var(--colors-common-background-alert-subtle);
}
.error_class .round-icon[data-v-53347166] {
  border: 1px solid var(--colors-common-icon-alert);
  border-radius: 50%;
  margin-right: var(--spacing-0);
}
.error_class .round-icon svg[data-v-53347166] {
  margin-right: 0;
}
.error_class span[data-v-53347166] {
  color: var(--colors-common-icon-alert);
}

.email-custom-template-modal__no-template-on-list[data-v-b4d78229] {
  margin: 0 0 var(--spacing-5);
}
.email-custom-template-modal__container[data-v-b4d78229] {
  display: flex;
}
.email-custom-template-modal__list[data-v-b4d78229] {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-1);
}
.email-custom-template-modal__list-container[data-v-b4d78229] {
  width: 312px;
  height: 404px;
  margin: var(--spacing-1) 0 0;
  overflow-y: auto;
}
.email-custom-template-modal__list-item[data-v-b4d78229] {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
  padding: 10px var(--spacing-1);
  cursor: pointer;
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-default, #111111);
}
.email-custom-template-modal__list-item[data-v-b4d78229]:hover {
  background-color: var(--colors-component-background-actionable-hover);
}
.email-custom-template-modal__list-item--selected[data-v-b4d78229] {
  background-color: var(--colors-component-background-actionable-hover);
}
.email-custom-template-modal__no-filter-result[data-v-b4d78229] {
  text-align: center;
}
.email-custom-template-modal__no-filter-result + .compass-empty-state[data-v-b4d78229] {
  gap: 0;
}
.email-custom-template-modal__search[data-v-b4d78229] {
  margin: 0 0 var(--spacing-0);
}
.email-custom-template-modal__btn-new-template[data-v-b4d78229] {
  display: flex;
  align-content: center;
  gap: var(--spacing-1);
  margin: var(--spacing-1);
  padding: var(--spacing-1);
  cursor: pointer;
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-primary-default);
}
.email-custom-template-modal__btn-new-template[data-v-b4d78229]:hover {
  background-color: var(--colors-component-background-actionable-hover);
}
.email-custom-template-modal__details[data-v-b4d78229] {
  display: flex;
  flex: 1;
  min-width: 0;
}
.email-custom-template-modal__details--skeleton-container[data-v-b4d78229] {
  display: flex;
  flex-direction: column;
}
.email-custom-template-modal__details-content[data-v-b4d78229] {
  width: 100%;
  padding: var(--spacing-1) var(--spacing-3);
}
.email-custom-template-modal__details-content__text[data-v-b4d78229] {
  max-height: 452px;
  overflow: auto;
}
.email-custom-template-modal__details-content__text[data-v-b4d78229] img {
  max-width: 100%;
}
.email-custom-template-modal__details[data-v-b4d78229]::before {
  content: "";
  min-width: 1px;
  height: auto;
  background: var(--colors-common-border-lighter);
  margin: var(--spacing-1) var(--spacing-2);
}
.email-custom-template-modal__details h3[data-v-b4d78229] {
  margin: 0 0 var(--spacing-4);
}
.email-custom-template-modal__skeleton[data-v-b4d78229] {
  padding: 10px var(--spacing-1);
}
.email-custom-template-modal__skeleton--title[data-v-b4d78229] {
  margin: 0 0 var(--spacing-4);
}
.email-custom-template-modal__skeleton--w-525[data-v-b4d78229] {
  width: 525px;
}
.email-custom-template-modal__skeleton--w-500[data-v-b4d78229] {
  width: 500px;
}
.email-custom-template-modal__skeleton--w-450[data-v-b4d78229] {
  width: 450px;
}
.email-custom-template-modal__skeleton--w-275[data-v-b4d78229] {
  width: 275px;
}
.email-custom-template-modal__skeleton--w-270[data-v-b4d78229] {
  width: 270px;
}
.email-custom-template-modal__skeleton--w-250[data-v-b4d78229] {
  width: 250px;
}
.email-custom-template-modal__skeleton--w-225[data-v-b4d78229] {
  width: 225px;
}
.email-custom-template-modal__attachments[data-v-b4d78229] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0);
  margin: var(--spacing-3) 0 0;
}
.email-custom-template-modal__footer[data-v-b4d78229] {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
  justify-content: flex-end;
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5) 0;
}
.email-custom-template-modal__remaining-quota[data-v-b4d78229] {
  align-items: center;
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
}
.email-custom-template-modal__remaining-quota[data-v-b4d78229] .compass-icon,
.email-custom-template-modal__remaining-quota[data-v-b4d78229] .compass-feature-badge {
  flex-shrink: 0;
}

.compass-dropdown.email-custom-template-toolbar__dropdown {
  z-index: 1001;
}

.schedule-email-dialog__form[data-v-cce57a40] {
  display: flex;
  gap: var(--spacing-4);
}
.schedule-email-dialog__form[data-v-cce57a40]  .compass-form-item__input input {
  width: 100%;
}

.rich-text[data-v-bdac4288] {
  position: relative;
}
.drag-text[data-v-bdac4288] {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--colors-common-text-standard-default);
  border: 1px dashed var(--colors-common-border-focus);
  border-radius: var(--spacing-0);
  background-color: var(--colors-common-background-selected-hover);
  opacity: 0.9;
}

#compass-dropdown-container .email-panel__schedule-dropdown {
  width: 220px;
  z-index: 1000;
}
#compass-dropdown-container .email-panel__schedule-dropdown .compass-dropdown-option--selected {
  font-weight: initial;
}
#compass-dropdown-container .email-panel__schedule-dropdown .compass-dropdown-option--selected .compass-dropdown-option__label {
  font-weight: initial;
}
.email-richtext-menu .menu {
  display: flex;
  gap: var(--spacing-0);
}
.email-panel {
  background-color: var(--colors-common-background-default);
  border-radius: 4px;
  box-shadow: 0 0 8px 0 rgba(17, 17, 17, 0.2);
  display: flex;
  flex-direction: column;
  max-height: 720px;
  overflow: hidden;
  position: relative;
  transition: height 0.3s ease;
  width: 720px;
}
.email-panel__header {
  align-items: center;
  align-self: stretch;
  background: var(--colors-common-background-darkest-default);
  display: flex;
  gap: var(--spacing-5);
  padding: var(--spacing-1) var(--spacing-3);
}
.email-panel__header-title {
  color: var(--colors-common-text-standard-on-color);
  flex-grow: 1;
}
.email-panel__header-actions {
  display: flex;
  gap: var(--spacing-1);
}
.email-panel__content {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.email-panel__content-subject {
  margin: 0 0 var(--spacing-2) 0;
}
.email-panel__content .email-richtext {
  flex: 1;
  position: relative;
}
.email-panel__content .email-richtext .compass-form-item,
.email-panel__content .email-richtext .compass-form-item__input {
  display: initial;
}
.email-panel__content .email-richtext .tiptap.ProseMirror:not(.email-consult-editor .tiptap.ProseMirror) {
  height: 100%;
}
.email-panel__content .email-recipients-inputs {
  margin-bottom: var(--spacing-1);
}
.email-panel__footer {
  display: flex;
  flex-direction: column;
  padding: 0 0 var(--spacing-3) 0;
}
.email-panel__footer .email-richtext-menu {
  padding: var(--spacing-1) var(--spacing-5);
  border-bottom: 1px solid var(--colors-common-border-default);
}
.email-panel__footer-container {
  align-items: center;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-3);
  padding: var(--spacing-3) var(--spacing-5) 0;
}
.email-panel__footer .container-actions {
  display: flex;
  gap: var(--spacing-3);
  margin-left: auto;
}
.email-panel__ai-hint {
  color: var(--colors-common-text-subtle-default);
}
.email-panel.minimized {
  align-self: end;
  border-radius: 4px 4px 0 0;
  max-width: 220px;
}
.email-panel.minimized .email-panel__header {
  padding: var(--spacing-1) var(--spacing-2);
}
.email-panel.minimized .email-panel__header-title {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.email-panel .tiptap .is-empty:before {
  color: var(--colors-common-text-standard-placeholder);
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}
.email-panel .tiptap p:has(+ [data-node-view-wrapper]).is-empty:before {
  content: none;
}
.email-panel img {
  max-width: 100%;
  height: auto;
}

.email-consult[data-v-8292784d] {
  padding: var(--spacing-3) 0;
  width: 100%;
  word-break: break-word;
}
.email-consult .is-expaned[data-v-8292784d] {
  white-space: normal;
}
.email-consult--is-open[data-v-8292784d] {
  padding: var(--spacing-3) 0 var(--spacing-5);
}
.email-consult--is-open .email-consult__header[data-v-8292784d] {
  margin: 0 0 var(--spacing-2);
}
.email-consult + .email-consult[data-v-8292784d] {
  border-top: 1px solid var(--colors-common-border-default);
}
.email-consult__header[data-v-8292784d] {
  display: flex;
  margin: 0;
  justify-content: space-between;
}
.email-consult__header--clickable[data-v-8292784d] {
  cursor: pointer;
}
.email-consult__header--snippet[data-v-8292784d] {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-3);
}
.email-consult__header--snippet-wrapper[data-v-8292784d] {
  width: 100%;
  min-width: 0;
}
.email-consult__header--snippet-information[data-v-8292784d] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.email-consult__address-details[data-v-8292784d] {
  display: flex;
  gap: var(--spacing-3);
  min-width: 0;
}
.email-consult__address-details-wrapper[data-v-8292784d] {
  min-width: 0;
}
.email-consult__sender[data-v-8292784d] {
  align-items: baseline;
  flex-wrap: wrap;
  display: flex;
}
.email-consult__sender-name[data-v-8292784d] {
  margin-right: var(--spacing-0);
}
.email-consult__sender-email[data-v-8292784d] {
  color: var(--colors-common-text-standard-caption);
}
.email-consult__recipients[data-v-8292784d] {
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-0);
  font-size: 12px;
  line-height: 20px;
}
.email-consult__recipients-list[data-v-8292784d] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-consult__extra-information[data-v-8292784d] {
  display: flex;
  flex-shrink: 0;
  gap: var(--spacing-2);
}
.email-consult__sent-date[data-v-8292784d] {
  align-items: center;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: 4px;
  margin: 2px 0 1px;
}
.email-consult__attachments-count[data-v-8292784d] {
  align-items: center;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-0);
}
.email-consult__content[data-v-8292784d] {
  padding: 0 0 0 48px;
}
.email-consult__content-text[data-v-8292784d]  p {
  margin: 0;
}
.email-consult__attachments[data-v-8292784d] {
  border-top: 1px solid var(--colors-common-border-lighter);
  margin: var(--spacing-3) 0 0 var(--spacing-5);
  padding: var(--spacing-2) 0 0;
}
.email-consult__attachments-summary[data-v-8292784d] {
  margin: 0 0 var(--spacing-1);
}
.email-consult__attachments-weight[data-v-8292784d] {
  color: var(--colors-common-text-standard-caption);
}
.email-consult__attachments-list[data-v-8292784d] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0);
}
.email-consult__snippet[data-v-8292784d] {
  color: var(--colors-common-text-standard-caption);
  font-family: var(--font-families-lato);
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-consult__snippet[data-v-8292784d]  p:last-of-type {
  margin-bottom: 0;
}

.email-richtext-menu {
  padding: var(--spacing-1);
}
.email-richtext-menu .menu {
  display: flex;
  gap: var(--spacing-0);
}
.email-consult-editor .email-related-object {
  margin: 0 var(--spacing-3) var(--spacing-2);
}

.rich-text[data-v-b112fef1] {
  position: relative;
}
.drag-text[data-v-b112fef1] {
  height: 100%;
  width: calc(100% - 32px);
  position: absolute;
  top: 0;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--colors-common-text-standard-default);
  border: 1px dashed var(--colors-common-border-focus);
  border-radius: var(--spacing-0);
  background-color: var(--colors-common-background-selected-hover);
  opacity: 0.9;
}
.email-consult-editor[data-v-b112fef1] {
  padding: var(--spacing-3) 0 0;
}
.email-consult-editor__wrapper[data-v-b112fef1] {
  display: flex;
  gap: var(--spacing-3);
}
.email-consult-editor__wrapper .compass-avatar[data-v-b112fef1] {
  flex-shrink: 0;
}
.email-consult-editor .attachments-wrapper[data-v-b112fef1] {
  cursor: pointer;
  margin-left: var(--spacing-1);
  margin-bottom: var(--spacing-1);
}
.email-consult-editor__panel[data-v-b112fef1] {
  border: 1px solid var(--colors-common-border-default);
  border-radius: 4px;
  flex: 1 1 100%;
}
.email-consult-editor__panel .email-richtext[data-v-b112fef1]  {
  padding: 0 var(--spacing-3);
  position: relative;
}
.email-consult-editor__panel .email-richtext[data-v-b112fef1]  .tiptap.ProseMirror {
  min-height: 110px;
}
.email-consult-editor__panel .conversation-action[data-v-b112fef1] {
  width: var(--spacing-5);
  height: var(--spacing-3);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--colors-common-background-subtle);
  border: none;
  border-radius: var(--spacing-4);
  margin: var(--spacing-2) 0 var(--spacing-2) var(--spacing-3);
  padding: 0 6px;
  gap: var(--spacing-0);
  cursor: pointer;
}
.email-consult-editor__panel .conversation-action .dot[data-v-b112fef1] {
  width: 4px;
  height: 4px;
  background-color: var(--colors-common-text-standard-caption);
  border-radius: 50%;
}
.email-consult-editor__panel-header[data-v-b112fef1] {
  display: flex;
  gap: var(--spacing-1);
  padding: calc(var(--spacing-1) - 1px) calc(var(--spacing-3) - 1px) 0;
}
.email-consult-editor__panel-header .compass-menu[data-v-b112fef1] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
  flex-shrink: 0;
  margin-bottom: var(--spacing-0);
}
.email-consult-editor__panel-header .email-recipients-inputs[data-v-b112fef1] {
  flex: 1 1 auto;
}
.email-consult-editor__panel-subject[data-v-b112fef1] {
  margin: 0 calc(var(--spacing-3) - 1px) var(--spacing-2);
}
.email-consult-editor__actions[data-v-b112fef1] {
  display: flex;
  gap: var(--spacing-3);
  margin-left: auto;
}
.email-consult-editor__ai-hint[data-v-b112fef1] {
  color: var(--colors-common-text-subtle-default);
  padding-left: 48px;
}
.email-consult-editor__footer[data-v-b112fef1] {
  align-items: center;
  border-bottom: 1px solid var(--colors-common-border-default);
  display: flex;
  gap: var(--spacing-4);
  justify-content: space-between;
  padding: var(--spacing-3) 0 var(--spacing-5);
}
.email-consult-editor img[data-v-b112fef1] {
  max-width: 100%;
  height: auto;
}


.compass-menu__dropdown__container.email-send-options {
    z-index: 1000;
}


.email-panel__footer[data-v-d8e5b6a4] {
  padding-bottom: 0;
}
.email-panel__footer .compass-panel__footer--default[data-v-d8e5b6a4] {
  flex-direction: row;
  justify-content: flex-end;
}
.loader[data-v-d8e5b6a4] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.email-preview[data-v-8f7b0bf0] {
  padding: var(--spacing-3) 0;
  width: 100%;
  word-break: break-word;
}
.email-preview__header[data-v-8f7b0bf0] {
  display: flex;
  margin: 0 0 var(--spacing-2);
  justify-content: space-between;
}
.email-preview__header--snippet[data-v-8f7b0bf0] {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-3);
}
.email-preview__header--snippet-wrapper[data-v-8f7b0bf0] {
  width: 100%;
  min-width: 0;
}
.email-preview__header--snippet-information[data-v-8f7b0bf0] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.email-preview__address-details[data-v-8f7b0bf0] {
  display: flex;
  gap: var(--spacing-3);
  min-width: 0;
}
.email-preview__address-details-wrapper[data-v-8f7b0bf0] {
  min-width: 0;
}
.email-preview__sender[data-v-8f7b0bf0] {
  align-items: baseline;
  flex-wrap: wrap;
  display: flex;
}
.email-preview__sender-name[data-v-8f7b0bf0] {
  margin-right: var(--spacing-0);
}
.email-preview__sender-email[data-v-8f7b0bf0] {
  color: var(--colors-common-text-standard-caption);
}
.email-preview__recipients[data-v-8f7b0bf0] {
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-0);
  font-size: 12px;
  line-height: 20px;
}
.email-preview__recipients-list[data-v-8f7b0bf0] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-preview__extra-information[data-v-8f7b0bf0] {
  display: flex;
  flex-shrink: 0;
  gap: var(--spacing-2);
}
.email-preview__sent-date[data-v-8f7b0bf0] {
  align-items: center;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: 4px;
  margin: 2px 0 1px;
}
.email-preview__attachments-count[data-v-8f7b0bf0] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-0);
  color: var(--colors-common-text-subtle-default);
}
.email-preview__content[data-v-8f7b0bf0] {
  padding: 0 0 0 48px;
}
.email-preview__content-text[data-v-8f7b0bf0] ul {
  padding-left: 24px;
  list-style-type: disc;
}
.email-preview__attachments[data-v-8f7b0bf0] {
  border-top: 1px solid var(--colors-common-border-lighter);
  margin: var(--spacing-3) 0 0 var(--spacing-5);
  padding: var(--spacing-2) 0 0;
}
.email-preview__attachments-summary[data-v-8f7b0bf0] {
  margin: 0 0 var(--spacing-1);
}
.email-preview__attachments-weight[data-v-8f7b0bf0] {
  color: var(--colors-common-text-standard-caption);
}
.email-preview__attachments-list[data-v-8f7b0bf0] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0);
}
.email-preview__snippet[data-v-8f7b0bf0] {
  color: var(--colors-common-text-standard-caption);
  font-family: var(--font-families-lato);
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-preview__snippet[data-v-8f7b0bf0]  p:last-of-type {
  margin-bottom: 0;
}

.email-panel[data-v-6c4d777c] .compass-alert__text-container {
  white-space: pre-line;
}
.email-panel__footer[data-v-6c4d777c] {
  padding-bottom: 0;
}
.email-panel__footer .compass-panel__footer--default[data-v-6c4d777c] {
  flex-direction: row;
  justify-content: flex-end;
}

.email-mass-send-panel__template-menu {
  z-index: 1001;
}
#compass-dropdown-container .email-mass-send-panel__schedule-dropdown {
  width: 220px;
  z-index: 1001;
}

.email-mass-send-panel__loader[data-v-7ec74360] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-8);
}
.email-mass-send-panel[data-v-7ec74360] .compass-panel__scrollable {
  overflow: hidden;
}
.email-mass-send-panel[data-v-7ec74360] .compass-panel__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.email-mass-send-panel__content[data-v-7ec74360] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.email-mass-send-panel__preview[data-v-7ec74360] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.email-mass-send-panel__field[data-v-7ec74360] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  min-height: 32px;
  flex-shrink: 0;
  margin-bottom: var(--spacing-1);
}
.email-mass-send-panel__field-value[data-v-7ec74360] {
  color: var(--colors-common-text-subtle-default);
}
.email-mass-send-panel__body[data-v-7ec74360] {
  color: var(--colors-common-text-subtle-default);
  white-space: pre-wrap;
  flex: 1;
  margin: var(--spacing-1) 0;
}
.email-mass-send-panel__payment-footer[data-v-7ec74360] {
  margin: var(--spacing-3) 0 var(--spacing-1) 0;
  flex-shrink: 0;
}
.email-mass-send-panel__template-select[data-v-7ec74360] {
  width: 320px;
}
.email-mass-send-panel__attachments[data-v-7ec74360] {
  display: flex;
  flex-direction: column;
}
.email-mass-send-panel__bottom[data-v-7ec74360] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  flex-shrink: 0;
}
.email-mass-send-panel__bottom[data-v-7ec74360] .compass-alert__text-container {
  white-space: pre-line;
}
.email-mass-send-panel__footer[data-v-7ec74360] {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-3);
  padding: var(--spacing-3) var(--spacing-5);
  border-top: 1px solid var(--colors-common-border-lighter);
}
.email-mass-send-panel__info[data-v-7ec74360] {
  display: flex;
  align-items: center;
  color: var(--colors-common-text-standard-default);
  gap: var(--spacing-0);
}
.email-mass-send-panel__footer-payment[data-v-7ec74360] {
  position: relative;
}
.email-mass-send-panel__footer-payment--dismiss[data-v-7ec74360] {
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-1);
  z-index: 1;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#email-panel-handler {
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  gap: var(--spacing-3);
  position: fixed;
  right: 0;
  z-index: 1000;
}
#email-panel-handler.opened {
  margin-right: 0;
}
#email-panel-handler.closed {
  margin-right: 48px;
}
#email-panel-handler .compass-panel.is-closed {
  width: 220px;
  right: auto;
}

.affiliation-error-page[data-v-af3a8da9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-7) 0 0;
  text-align: center;
}
.affiliation-error-page__illustration[data-v-af3a8da9] {
  width: 170px;
  height: 170px;
}
.affiliation-error-page__title[data-v-af3a8da9] {
  margin: 0 0 var(--spacing-4);
  font-weight: var(--font-weights-lato-1);
}
.affiliation-error-page__text[data-v-af3a8da9] {
  margin: 0 0 var(--spacing-6);
  color: var(--colors-common-text-standard-caption);
}

.upsell-page[data-v-c4d24a08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.upsell-page__header[data-v-c4d24a08] {
  align-self: flex-start;
}
.upsell-page__header-logo[data-v-c4d24a08] {
  cursor: pointer;
}
.upsell-page__content[data-v-c4d24a08] {
  margin: auto;
}
.upsell-page__content-illustration[data-v-c4d24a08] {
  text-align: center;
  margin-bottom: var(--spacing-5);
}
.upsell-page__content-illustration > img[data-v-c4d24a08] {
  border-radius: 24px;
}
.upsell-page__content-title[data-v-c4d24a08] {
  text-align: center;
  color: var(--colors-common-text-brand-secondary-blue);
  margin-bottom: var(--spacing-3);
}
.upsell-page__content-informations[data-v-c4d24a08] {
  text-align: center;
  color: var(--colors-common-text-subtle-default);
  margin-bottom: var(--spacing-5);
}
.upsell-page__content-buttons[data-v-c4d24a08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-4);
}

.marketing-landing-page[data-v-6213ca99] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 137px;
}
.marketing-landing-page__content[data-v-6213ca99] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
  width: 426px;
}
.marketing-landing-page__content--title h1[data-v-6213ca99] {
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0;
}
.marketing-landing-page__content--informations[data-v-6213ca99] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.marketing-landing-page__content--informations p[data-v-6213ca99] {
  color: var(--colors-common-text-brand-secondary-blue);
  margin: 0;
  padding: 0 var(--spacing-1);
}
.marketing-landing-page__content--informations p[data-v-6213ca99]:not(:last-child) {
  padding-bottom: var(--spacing-3);
  border-bottom: 1px solid var(--colors-common-border-default);
}
.marketing-landing-page__content--buttons[data-v-6213ca99] {
  display: flex;
  gap: var(--spacing-1);
}
.marketing-landing-page__illustration[data-v-6213ca99] {
  width: 539px;
}
.marketing-landing-page__illustration img[data-v-6213ca99] {
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.marketing-configure-page[data-v-e79011fe] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marketing-configure-page__header[data-v-e79011fe] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 var(--spacing-6);
  margin-bottom: var(--spacing-7);
}
.marketing-configure-page__header-logo[data-v-e79011fe] {
  cursor: pointer;
}
.marketing-configure-page__content[data-v-e79011fe] {
  width: 648px;
  padding: 0 var(--spacing-6);
}
.marketing-configure-page__content-title[data-v-e79011fe] {
  margin-bottom: var(--spacing-4);
}
.marketing-configure-page__content-informations ul[data-v-e79011fe] {
  list-style-type: disc;
  padding-left: var(--spacing-4);
}
.marketing-configure-page__content-buttons[data-v-e79011fe] {
  margin-top: var(--spacing-6);
}

.marketing-configure-error-page[data-v-8edf2f0a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.marketing-configure-error-page__header[data-v-8edf2f0a] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 var(--spacing-6);
}
.marketing-configure-error-page__header-logo[data-v-8edf2f0a] {
  width: 160px;
  cursor: pointer;
}
.marketing-configure-error-page__content[data-v-8edf2f0a] {
  margin: auto;
}
.marketing-configure-error-page__content-illustration[data-v-8edf2f0a] {
  text-align: center;
  margin-bottom: var(--spacing-5);
}
.marketing-configure-error-page__content-title[data-v-8edf2f0a] {
  text-align: center;
  color: var(--colors-common-text-brand-secondary-blue);
  margin-bottom: var(--spacing-3);
}
.marketing-configure-error-page__content-informations[data-v-8edf2f0a] {
  text-align: center;
  color: var(--colors-common-text-subtle-default);
  margin-bottom: var(--spacing-5);
}
.marketing-configure-error-page__content-buttons[data-v-8edf2f0a] {
  display: flex;
  justify-content: center;
}

.marketing-consent-confirmation-page[data-v-d3242890] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.marketing-consent-confirmation-page__header[data-v-d3242890] {
  align-self: flex-start;
}
.marketing-consent-confirmation-page__content[data-v-d3242890] {
  margin: auto;
}
.marketing-consent-confirmation-page__content-illustration[data-v-d3242890] {
  text-align: center;
  margin-bottom: var(--spacing-5);
}
.marketing-consent-confirmation-page__content-title[data-v-d3242890] {
  text-align: center;
  color: var(--colors-common-text-brand-secondary-blue, #02016f);
  margin: 0 0 var(--spacing-3);
}
.marketing-consent-confirmation-page__content-information[data-v-d3242890] {
  text-align: center;
  color: var(--colors-common-text-subtle-default, #565665);
  margin: 0 0 var(--spacing-5);
}
.marketing-consent-confirmation-page__content-buttons[data-v-d3242890] {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-4);
}
.marketing-consent-confirmation-page__content-help[data-v-d3242890] {
  text-align: center;
  margin: 0;
  color: var(--colors-common-text-standard-caption, #8c909c);
}

.marketing-consent-confirmation-page[data-v-63c34412] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.marketing-consent-confirmation-page__header[data-v-63c34412] {
  align-self: flex-start;
}
.marketing-consent-confirmation-page__content[data-v-63c34412] {
  margin: auto;
}
.marketing-consent-confirmation-page__content-illustration[data-v-63c34412] {
  text-align: center;
  margin-bottom: var(--spacing-5);
}
.marketing-consent-confirmation-page__content-title[data-v-63c34412] {
  text-align: center;
  color: var(--colors-common-text-brand-secondary-blue, #02016f);
  margin: 0 0 var(--spacing-3);
}
.marketing-consent-confirmation-page__content-information[data-v-63c34412] {
  text-align: center;
  color: var(--colors-common-text-subtle-default, #565665);
  margin: 0 0 var(--spacing-5);
}
.marketing-consent-confirmation-page__content-buttons[data-v-63c34412] {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-4);
}
.marketing-consent-confirmation-page__content-help[data-v-63c34412] {
  text-align: center;
  margin: 0;
  color: var(--colors-common-text-standard-caption, #8c909c);
}

.consent-optin-update-form[data-v-af82693a] {
  display: flex;
  gap: var(--spacing-2);
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.consent-optin-update-form__title[data-v-af82693a], .consent-optin-update-form__information[data-v-af82693a] {
  margin: 0;
}
.consent-optin-update-form__campaigns[data-v-af82693a] {
  display: flex;
  gap: var(--spacing-2);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--spacing-1) var(--spacing-2);
}

.google-consent-error-page[data-v-4eac79d3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.google-consent-error-page__header[data-v-4eac79d3] {
  align-self: flex-start;
}
.google-consent-error-page__content[data-v-4eac79d3] {
  margin: auto;
}
.google-consent-error-page__content-illustration[data-v-4eac79d3] {
  text-align: center;
  margin-bottom: var(--spacing-5);
}
.google-consent-error-page__content-illustration > img[data-v-4eac79d3] {
  height: 200px;
  width: auto;
}
.google-consent-error-page__content-title[data-v-4eac79d3] {
  text-align: center;
  color: var(--colors-common-text-brand-secondary-blue, #02016f);
  margin: 0 0 var(--spacing-3);
}
.google-consent-error-page__content-information[data-v-4eac79d3] {
  text-align: center;
  color: var(--colors-common-text-subtle-default, #565665);
  margin: 0 0 var(--spacing-5);
}
.google-consent-error-page__content-buttons[data-v-4eac79d3] {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-4);
}
.google-consent-error-page__content-help[data-v-4eac79d3] {
  text-align: center;
  margin: 0;
  color: var(--colors-common-text-standard-caption, #8c909c);
}

body.page-academy .global {
  background-color: var(--colors-common-background-default);
}

.emailSettingAccountSynced__items[data-v-126871ab] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.emailSettingAccountSynced__title[data-v-126871ab] {
  font-size: var(--font-size-14);
  font-weight: var(--font-weights-lato-1);
  line-height: var(--line-heights-20);
  margin: 0;
}
.emailSettingAccountSynced__status[data-v-126871ab] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.emailSettingAccountSynced__email[data-v-126871ab] {
  margin: 0;
  font-size: var(--font-size-14);
  line-height: var(--line-heights-20);
}
.emailSettingAccountSynced__buttons[data-v-126871ab] {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-2);
  margin-top: var(--spacing-4);
  padding-top: var(--spacing-4);
  border-top: solid 1px var(--colors-common-border-lighter);
}

.emailSettingAccountNotSynced[data-v-b32dceef] {
  border-radius: 4px;
  background: var(--colors-common-background-subtle);
  padding: var(--spacing-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.emailSettingAccountNotSynced__content[data-v-b32dceef] {
  margin-left: var(--spacing-3);
}
.emailSettingAccountNotSynced__content-wrapper[data-v-b32dceef] {
  display: flex;
  align-items: center;
  max-width: 80%;
}
.emailSettingAccountNotSynced__title[data-v-b32dceef] {
  margin: 0;
  line-height: var(--line-heights-24);
}
.emailSettingAccountNotSynced__subtitle[data-v-b32dceef] {
  margin-top: var(--spacing-1);
  margin-bottom: 0;
  color: var(--colors-common-text-subtle-default);
  font-size: var(--font-size-14);
  line-height: var(--line-heights-20);
}

.disconnect-popup__text[data-v-fe072b48] {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.disconnect-popup .compass-modal__modal__content[data-v-fe072b48] {
  overflow-y: hidden;
}
.disconnect-popup .compass-modal__modal__content p[data-v-fe072b48] {
  margin: 0;
}
.disconnect-popup .compass-modal__modal__footer .dialog__footer[data-v-fe072b48] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
  justify-content: flex-end;
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}

.emailSettingPreferencesEmailsInput__row[data-v-5fdd7330] {
  display: flex;
  align-items: start;
  gap: var(--spacing-0);
  width: 100%;
}
.emailSettingPreferencesEmailsInput__row--editing[data-v-5fdd7330] {
  gap: var(--spacing-1);
}
.emailSettingPreferencesEmailsInput__field[data-v-5fdd7330] {
  flex: 1;
  border-radius: 4px;
  cursor: text;
}
.emailSettingPreferencesEmailsInput__field--editing[data-v-5fdd7330] {
  padding: var(--spacing-0);
  border: 1px solid var(--colors-common-border-default);
}
.emailSettingPreferencesEmailsInput__field--editing[data-v-5fdd7330]:focus-within {
  border-color: var(--colors-common-border-focus);
  box-shadow: 0 0 0 2px var(--colors-common-focus-ring);
}
.emailSettingPreferencesEmailsInput__field--error[data-v-5fdd7330] {
  border: 1px solid var(--colors-common-border-alert);
}
.emailSettingPreferencesEmailsInput__tags[data-v-5fdd7330] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0);
  align-items: center;
}
.emailSettingPreferencesEmailsInput__editButton[data-v-5fdd7330] {
  margin-left: calc(var(--spacing-1) - var(--spacing-0));
}
.emailSettingPreferencesEmailsInput__input[data-v-5fdd7330] {
  flex: 1;
  min-width: 150px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  outline: none;
}
.emailSettingPreferencesEmailsInput__input[data-v-5fdd7330]::placeholder {
  color: var(--colors-common-text-subtle-default);
}
.emailSettingPreferencesEmailsInput__actions[data-v-5fdd7330] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  flex-shrink: 0;
}
.emailSettingPreferencesEmailsInput__counter[data-v-5fdd7330] {
  margin: var(--spacing-0) 0 0 0;
  font-size: var(--font-size-12);
  line-height: var(--line-heights-16);
  color: var(--colors-common-text-subtle-default);
}
.emailSettingPreferencesEmailsInput__counter--exceeded[data-v-5fdd7330] {
  color: var(--colors-common-text-alert-default);
}

.emailSettingPreferences p[data-v-5fd6014b] {
  margin: 0;
}
.emailSettingPreferences__title[data-v-5fd6014b] {
  margin: 0 0 var(--spacing-1);
}
.emailSettingPreferences__skeletons[data-v-5fd6014b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.emailSettingPreferences__skeleton--large[data-v-5fd6014b] {
  max-width: 652px;
}
.emailSettingPreferences__skeleton--medium[data-v-5fd6014b] {
  max-width: 372px;
}
.emailSettingPreferences__skeleton--small[data-v-5fd6014b] {
  max-width: 140px;
}
.emailSettingPreferences__container[data-v-5fd6014b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.emailSettingPreferences__separator[data-v-5fd6014b] {
  border-bottom: 1px solid var(--colors-common-border-default);
  padding-bottom: var(--spacing-3);
  margin-bottom: var(--spacing-3);
}
.emailSettingPreferences__content[data-v-5fd6014b] {
  display: block;
  width: 100%;
}
.emailSettingPreferences__content[data-v-5fd6014b] .compass-switch label {
  justify-content: start;
}
.emailSettingPreferences__description[data-v-5fd6014b] {
  color: var(--colors-common-text-subtle-default);
}
.emailSettingPreferences__settingTitle[data-v-5fd6014b] {
  font-size: var(--font-size-14);
  line-height: var(--line-heights-20);
  margin: 0 0 var(--spacing-0) 0;
}
.emailSettingPreferences__settingDescription[data-v-5fd6014b] {
  font-size: var(--font-size-12);
  line-height: var(--line-heights-16);
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 var(--spacing-1) 0;
}

.settingsEmail[data-v-4a55d259] {
  display: flex;
  gap: var(--spacing-4);
  align-items: flex-start;
}
.settingsEmail[data-v-4a55d259] > * {
  flex: 1;
}
.settingsEmail[data-v-4a55d259] .card-container + .card-container {
  margin-top: 0;
}
@media (max-width: 1199px) {
.settingsEmail[data-v-4a55d259] {
    flex-direction: column;
}
.settingsEmail[data-v-4a55d259] > * {
    width: 100%;
}
}
.settingsEmail__skeleton[data-v-4a55d259] {
  max-width: 400px;
}

.settings-emails-templates-form[data-v-88a57ffd] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.settings-emails-templates-form[data-v-88a57ffd] .compass-form-item__input {
  position: relative;
}
.settings-emails-templates-form__richtext-subject[data-v-88a57ffd] .tiptap.ProseMirror {
  min-height: 34px;
  max-height: 73px;
}
.settings-emails-templates-form__richtext-message[data-v-88a57ffd] .tiptap.ProseMirror {
  border: 0;
}
.settings-emails-templates-form__message[data-v-88a57ffd] {
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-0);
}
.settings-emails-templates-form__message--is-focused[data-v-88a57ffd] {
  border-color: var(--colors-common-border-focus);
}
.settings-emails-templates-form__attachments[data-v-88a57ffd] {
  display: flex;
  flex-direction: column;
  padding: 0 var(--spacing-1);
}

.rich-text-style.custom-tags-and-fields__popover-preview {
  max-width: 50%;
  background: var(--colors-common-background-default);
  border-radius: 14px;
  box-shadow: var(--elevation-ai);
  padding: var(--spacing-3);
  z-index: 1001;
}

.settings-emails-templates__header[data-v-ed32538b] {
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 0 0 var(--spacing-3);
}
.settings-emails-templates__container[data-v-ed32538b] {
  display: flex;
}
.settings-emails-templates__listing[data-v-ed32538b] {
  width: 324px;
  min-width: 324px;
  border-right: 1px solid var(--colors-common-border-lighter);
  padding: 0 var(--spacing-2) 0 0;
  margin: 0 var(--spacing-2) 0 0;
}
.settings-emails-templates__content[data-v-ed32538b] {
  flex: 1;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
}
.settings-emails-templates__content--template[data-v-ed32538b] {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-1) var(--spacing-3);
}
.settings-emails-templates__content--subject[data-v-ed32538b] {
  max-height: 40px;
  overflow-y: auto;
  margin: 0 0 var(--spacing-3);
}
.settings-emails-templates__content--signature[data-v-ed32538b] {
  border-left: 3px solid var(--colors-common-border-lighter);
  padding: 0 0 0 var(--spacing-1);
  margin: var(--spacing-1) var(--spacing-3);
}
.settings-emails-templates__content--no-template[data-v-ed32538b] {
  height: 100%;
  align-content: center;
}
.settings-emails-templates__attachments[data-v-ed32538b] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0);
  margin-bottom: var(--spacing-3);
}
.settings-emails-templates__templates[data-v-ed32538b] {
  height: 396px;
  margin: var(--spacing-3) var(--spacing-1) 0;
  overflow-y: auto;
}
.settings-emails-templates__tabs[data-v-ed32538b]  .compass-tabs__navigation {
  box-shadow: none;
}
.settings-emails-templates__search[data-v-ed32538b] {
  display: flex;
  margin: var(--spacing-3) var(--spacing-1) var(--spacing-0);
}
.settings-emails-templates__loading[data-v-ed32538b] {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-3) var(--spacing-1) 0;
}
.settings-emails-templates__loading--skeleton[data-v-ed32538b] {
  padding: 10px var(--spacing-1);
}
.settings-emails-templates__no-template[data-v-ed32538b] {
  width: 312px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--colors-common-text-standard-caption);
}
.settings-emails-templates__template[data-v-ed32538b] {
  display: flex;
  gap: var(--spacing-1);
  align-items: center;
  padding: 10px var(--spacing-1);
  cursor: pointer;
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-standard-default, #111111);
}
.settings-emails-templates__template__selected[data-v-ed32538b], .settings-emails-templates__template[data-v-ed32538b]:hover {
  background-color: var(--colors-component-background-actionable-hover);
}
.settings-emails-templates__footer[data-v-ed32538b] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-3);
  /* listing + margin separator */
  margin-left: calc(324px + var(--spacing-2));
  padding: 0 var(--spacing-3);
}
.settings-emails-templates__actions[data-v-ed32538b] {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--spacing-3);
}
.settings-emails-templates__ai-hint[data-v-ed32538b] {
  color: var(--colors-common-text-subtle-default);
}

.unit-settings-table__new-row[data-v-82fb59dd] {
  padding: var(--spacing-2) var(--spacing-3);
}

.unit-settings-table__row.sortable-drag .compass-table__cell-container {
  min-height: 56px;
  padding: var(--spacing-2) var(--spacing-3);
}

.unit-settings-table[data-v-d5c62cff] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
}
.unit-settings-table__head--centered[data-v-d5c62cff]  .compass-table__cell-tooltip {
  justify-content: center;
}
.unit-settings-table[data-v-d5c62cff]  .compass-table__cell-container,
.unit-settings-table[data-v-d5c62cff]  .compass-form-item {
  width: 100%;
}
.unit-settings-table[data-v-d5c62cff]  .compass-loader {
  flex-shrink: 0;
}
.unit-settings-table__check-icon[data-v-d5c62cff] {
  color: var(--colors-common-icon-success);
}
.unit-settings-table__default-unit-cell[data-v-d5c62cff] {
  white-space: nowrap;
  width: 1%;
}
.unit-settings-table__default-unit-check[data-v-d5c62cff] {
  color: var(--colors-common-icon-success);
}
.unit-settings-table__default-unit[data-v-d5c62cff]  .compass-radio {
  gap: 0;
}
.unit-settings-table__default-unit[data-v-d5c62cff]  .compass-radio__label {
  text-indent: -9999px;
}
.unit-settings-table__fixed-width-cell[data-v-d5c62cff] {
  white-space: nowrap;
  width: 1%;
}
.unit-settings-table__drag-handle[data-v-d5c62cff] {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 32px;
  width: 32px;
}
.unit-settings-table__warning-icon[data-v-d5c62cff] {
  color: var(--colors-common-background-warning-default);
}
.unit-settings-table__suggestion[data-v-d5c62cff] {
  align-items: center;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-0);
}
.unit-settings-table__suggestion[data-v-d5c62cff] .compass-button {
  margin: 0 0 0 var(--spacing-1);
}
.unit-settings-table__suggestion--empty[data-v-d5c62cff] {
  color: var(--colors-common-text-standard-caption);
}
.unit-settings-table__suggestion-wrapper[data-v-d5c62cff] {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
}
.unit-settings-table__code-input[data-v-d5c62cff] {
  width: 150px;
}


.unit-settings-table__row.sortable-drag {
.compass-table__cell-container {
        min-height: 56px;
        padding: var(--spacing-2) var(--spacing-3);
}
}


.unit-settings-translation-table[data-v-779e092b] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
}
.unit-settings-translation-table[data-v-779e092b]  .compass-table__cell-container,
.unit-settings-translation-table[data-v-779e092b]  .compass-form-item {
  width: 100%;
}
.unit-settings-translation-table__drag-column[data-v-779e092b] {
  white-space: nowrap;
  width: 1%;
}
.unit-settings-translation-table__drag-handle[data-v-779e092b] {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 32px;
  width: 32px;
}
.unit-settings-translation-table__value--is-default[data-v-779e092b] {
  color: var(--colors-common-text-standard-placeholder);
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.unit-settings-translation-table__value-wrapper[data-v-779e092b] {
  align-items: center;
  display: flex;
  gap: var(--spacing-3);
}
.unit-settings-translation-table__value-default[data-v-779e092b] {
  color: var(--colors-common-text-standard-caption);
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.unit-settings__card-title[data-v-369d3b5f] {
  margin: 0 0 var(--spacing-3);
}
.unit-settings p[data-v-369d3b5f] {
  margin: 0 0 var(--spacing-3);
}
.unit-settings__row[data-v-369d3b5f] {
  display: flex;
  gap: var(--spacing-3);
  margin: 0 0 var(--spacing-4);
}
.unit-settings__row[data-v-369d3b5f]  .compass-form-item {
  flex-shrink: 0;
  width: 220px;
}
.unit-settings__row[data-v-369d3b5f]  .compass-form-item.unit-precision {
  width: auto;
}
.unit-settings__row[data-v-369d3b5f]  .compass-form-item.unit-precision .compass-select {
  width: 160px;
}
.unit-settings__actions[data-v-369d3b5f] {
  display: flex;
  gap: var(--spacing-3);
  justify-content: flex-end;
}
.unit-settings[data-v-369d3b5f]  .compass-alert {
  margin: 0 0 var(--spacing-3);
}
.unit-settings[data-v-369d3b5f]  .compass-tabs {
  margin: var(--spacing-4) 0;
}

.company-information-loader[data-v-46197e09] {
  align-items: flex-start;
  display: grid;
  gap: var(--spacing-4);
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.company-information-loader__labels[data-v-46197e09], .company-information-loader__fields[data-v-46197e09] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  grid-column: span 4;
}
.company-information-loader__fields[data-v-46197e09] {
  grid-column: span 8;
}

.company-information-form-advice[data-v-c8d96848] {
  color: var(--colors-common-text-subtle-default);
  display: flex;
  gap: var(--spacing-0);
  margin: 0;
}
.company-information-form-advice[data-v-c8d96848] .compass-icon {
  color: var(--colors-common-icon-informative);
  flex-shrink: 0;
}

.company-information-form-locked[data-v-764aca22] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.company-information-form-locked__update-button[data-v-764aca22] {
  display: block;
  margin-left: auto;
}
.company-information-form-locked[data-v-764aca22]  .compass-form-item--horizontal .compass-form-item__label--medium {
  min-height: auto;
}

.siren-searchbar-loading[data-v-b09e0550] {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--spacing-0);
}
.siren-searchbar-loading__header[data-v-b09e0550] {
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
}
.siren-searchbar-loading__icon[data-v-b09e0550] {
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}
.siren-searchbar-loading__icon[data-v-b09e0550] .compass-skeleton__square {
  height: 100%;
  width: 100%;
}
.siren-searchbar-loading__title[data-v-b09e0550] {
  flex: 0 1 50%;
}
.siren-searchbar-loading__siret[data-v-b09e0550] {
  margin: 0 0 2px;
  max-width: 100px;
}
.siren-searchbar-loading__address[data-v-b09e0550] {
  max-width: 85%;
}

.siren-searchbar[data-v-1a4665c5] {
  background: var(--colors-sellsy-ai-0);
  border-radius: var(--spacing-0);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  padding: var(--spacing-3) var(--spacing-2);
}
.siren-searchbar__label[data-v-1a4665c5] {
  color: var(--colors-sellsy-ai-100);
  display: flex;
  gap: var(--spacing-1);
}
.siren-searchbar-dropdown-option[data-v-1a4665c5] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.siren-searchbar-dropdown-option--loading[data-v-1a4665c5] {
  cursor: default;
}
.siren-searchbar-dropdown-option--loading[data-v-1a4665c5] .compass-dropdown-option__label {
  flex: 1;
}
.siren-searchbar-dropdown-option__icon[data-v-1a4665c5] {
  align-items: center;
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
  color: var(--colors-common-text-subtle-default);
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.siren-searchbar-dropdown-option__title[data-v-1a4665c5] {
  color: var(--colors-common-text-standard-default);
  display: flex;
  gap: var(--spacing-0);
}
.siren-searchbar-dropdown-option__siret[data-v-1a4665c5], .siren-searchbar-dropdown-option__address[data-v-1a4665c5] {
  color: var(--colors-common-text-standard-caption);
}

.siren-searchbar-dropdown {
  z-index: 1000;
}
.siren-searchbar-dropdown .compass-dropdown-option--selected .compass-dropdown-option--selected {
  display: none;
}

.company-information-form-fields[data-v-70ee8f0b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}

.company-information-form-fields__dropdown {
  z-index: 1000;
}

.company-information-form[data-v-484960b4] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.company-information-form__save-button[data-v-484960b4] {
  display: block;
  margin-left: auto;
}

.company-contact-form[data-v-9f733f27] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.company-contact-form[data-v-9f733f27]  .compass-tel-input .compass-input {
  flex: 1;
}
.company-contact-form__save-button[data-v-9f733f27] {
  display: block;
  margin-left: auto;
}

.company-information-address-list[data-v-8da2a72c] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.company-information-address-list__loading-card[data-v-8da2a72c] {
  background-color: var(--colors-common-background-default);
  border-radius: var(--spacing-0);
  box-shadow: var(--elevation-1);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  padding: var(--spacing-3);
}
.company-information-address-list__loading-card-header[data-v-8da2a72c] {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.company-information-address-list__loading-card-title[data-v-8da2a72c] {
  height: var(--spacing-4);
  width: 150px;
}
.company-information-address-list__loading-card-actions[data-v-8da2a72c] {
  display: flex;
  gap: var(--spacing-1);
}
.company-information-address-list__loading-card-address[data-v-8da2a72c]  .compass-skeleton {
  margin: 0 0 var(--spacing-0);
  width: 130px;
}
.company-information-address-list__loading-card-address[data-v-8da2a72c]  .compass-skeleton:nth-child(2) {
  width: 100px;
}
.company-information-address-list__loading-card-address[data-v-8da2a72c]  .compass-skeleton:last-child {
  margin: 0;
  width: 50px;
}

.company-information__columns[data-v-04a7aa48] {
  align-items: start;
  display: flex;
  gap: var(--spacing-4);
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
.company-information__columns[data-v-04a7aa48] {
    align-items: stretch;
    flex-direction: column;
}
}
.company-information__columns[data-v-04a7aa48]  .card-container {
  flex: 1;
}
.company-information__columns[data-v-04a7aa48]  .card-container + .card-container {
  margin-top: 0;
}
.company-information__title[data-v-04a7aa48] {
  margin: 0 0 var(--spacing-3);
}
.company-information__address-card-header[data-v-04a7aa48] {
  align-items: start;
  display: flex;
  justify-content: space-between;
}

.emission-opt-in-card__description[data-v-1f4ad49f] {
  margin: 0 0 var(--spacing-3);
}
.emission-opt-in-card__warning[data-v-1f4ad49f] {
  margin-top: var(--spacing-3);
}
.emission-opt-in-card[data-v-1f4ad49f] .emission-opt-in-card__switch {
  width: fit-content;
}

.mandate-item[data-v-231f4d87] {
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  justify-content: space-between;
  padding: var(--spacing-2);
}
.mandate-item__header[data-v-231f4d87] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.mandate-item__number[data-v-231f4d87] {
  word-break: break-word;
}
.mandate-item__types[data-v-231f4d87] {
  display: flex;
  gap: var(--spacing-1);
}
.mandate-item__actions-and-info[data-v-231f4d87] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.mandate-item__actions[data-v-231f4d87] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}
.mandate-item__legal-rep[data-v-231f4d87] {
  color: var(--colors-common-text-subtle-default);
  margin: 0;
}
.mandate-item__legal-rep p[data-v-231f4d87] {
  margin: 0;
}

.vat-scheme-explanation[data-v-34c99034] {
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
  display: flex;
  gap: var(--spacing-4);
  justify-content: start;
  padding: var(--spacing-2);
}
.vat-scheme-explanation__header[data-v-34c99034] {
  color: var(--colors-common-text-subtle-default);
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  margin: 0 0 var(--spacing-1);
}
.vat-scheme-explanation__column[data-v-34c99034] {
  flex: 1;
}
.vat-scheme-explanation__list[data-v-34c99034] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  margin: 0;
}

.vat-scheme-confirm-modal__description[data-v-d3d8040e] {
  margin: 0 0 var(--spacing-3);
}
.vat-scheme-confirm-modal__callout[data-v-d3d8040e] {
  margin: 0;
}

.vat-scheme__description[data-v-0240a0b2] {
  margin: 0 0 var(--spacing-3);
}
.vat-scheme__form[data-v-0240a0b2] .compass-form-item__input {
  gap: var(--spacing-2);
}
.vat-scheme__form[data-v-0240a0b2] {
  margin: 0 0 var(--spacing-2);
}
.vat-scheme__skeleton[data-v-0240a0b2] .compass-skeleton__line {
  height: 46px;
}
.vat-scheme__actions[data-v-0240a0b2] {
  display: flex;
  justify-content: end;
}
.vat-scheme__divider[data-v-0240a0b2] {
  margin: var(--spacing-4) 0;
}
.vat-scheme__footer[data-v-0240a0b2] {
  align-items: start;
  display: flex;
  gap: var(--spacing-0);
}
.vat-scheme__footer[data-v-0240a0b2] .compass-icon {
  flex-shrink: 0;
  margin: 2px 0 0;
}
.vat-scheme__footer p[data-v-0240a0b2] {
  margin: 0;
}

.settings-mandate__columns[data-v-eaef34b2] {
  align-items: start;
  display: flex;
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}
@media screen and (max-width: 1199px) {
.settings-mandate__columns[data-v-eaef34b2] {
    align-items: stretch;
    flex-direction: column;
}
}
.settings-mandate__columns[data-v-eaef34b2]  .card-container {
  flex: 1;
}
.settings-mandate__columns[data-v-eaef34b2]  .card-container + .card-container {
  margin-top: 0;
}
.settings-mandate__title[data-v-eaef34b2] {
  margin: 0;
}
.settings-mandate__sub-title[data-v-eaef34b2] {
  margin: 0 0 var(--spacing-1);
}
.settings-mandate__description[data-v-eaef34b2] {
  margin: 0 0 var(--spacing-4);
}
.settings-mandate__loading-state[data-v-eaef34b2] {
  align-items: center;
  color: var(--colors-common-text-subtle-default);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  padding: var(--spacing-5) 0;
}
.settings-mandate__loading-state p[data-v-eaef34b2] {
  margin: 0;
}
.settings-mandate__footer[data-v-eaef34b2] {
  border-top: 1px solid var(--colors-common-border-default);
  margin: var(--spacing-5) 0 0;
  padding: var(--spacing-5) 0 0;
}
.settings-mandate__footer p[data-v-eaef34b2] {
  margin: 0 0 var(--spacing-3);
}
.settings-mandate__opt-in-card[data-v-eaef34b2] {
  margin-bottom: var(--spacing-4);
}

.no-logo[data-v-6fa35664] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 180px;
  height: 160px;
}
.no-logo__default-logo[data-v-6fa35664] {
  display: inline-block;
  height: auto;
  max-width: 145px;
  margin-bottom: 0 !important;
}
.no-logo__modal-description[data-v-6fa35664] {
  margin: 0;
}
.no-logo__modal-footer[data-v-6fa35664] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: var(--spacing-4) var(--spacing-5) var(--spacing-5);
}

.report-banner[data-v-a5c5e98f] .compass-feature-banner__illustration img {
  z-index: 0;
}
.report-banner[data-v-a5c5e98f] .compass-feature-banner__content-title {
  margin-bottom: var(--spacing-3);
}
.report-banner__buttons[data-v-a5c5e98f] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
}
.report-banner__buttons-button[data-v-a5c5e98f] {
  position: relative;
}
.report-banner__buttons-button[data-v-a5c5e98f] .compass-feature-badge {
  cursor: pointer;
  position: absolute;
  top: -4px;
  right: -4px;
}

.report-container:has(.report-banner) .report-banner-container {
  position: absolute;
  top: 61px;
  left: 64px;
  right: 0;
}

.e-invoicing-banner[data-v-31615195] {
  align-items: center;
  background: linear-gradient(90deg, #2645c6 0%, #4868fd 75%);
  color: var(--colors-common-text-standard-on-color);
  display: flex;
  gap: var(--spacing-2);
  margin: -32px -24px var(--spacing-4);
  padding: var(--spacing-3) var(--spacing-4);
}
.e-invoicing-banner__title[data-v-31615195] {
  margin: 0;
}
.e-invoicing-banner__action[data-v-31615195] {
  margin-left: auto;
}

.pdf-controls {
  height: 50px;
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 5, 25, 0.9);
  color: var(--colors-common-text-standard-on-color);
  border-radius: 38px;
  padding: 0 var(--spacing-4);
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  transition: opacity 0.2s ease-in-out;
  z-index: 10;
  white-space: nowrap;
}
.pdf-controls__divider {
  width: 1px;
  height: var(--spacing-3);
  background-color: var(--colors-common-border-default);
}
.pdf-controls__pagination {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.pdf-controls__zoom-group, .pdf-controls__page-group {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
}
.pdf-controls .compass-icon-button {
  border-radius: 50%;
}

.pdf-viewer-wrapper[data-v-2f06c807] {
  position: relative;
  height: 100%;
  width: 100%;
  isolation: isolate;
}
.pdf-viewer[data-v-2f06c807] {
  background: var(--colors-common-background-app);
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  padding: var(--spacing-4);
  align-items: flex-start;
  will-change: scroll-position;
}
.pdf-viewer__page-container[data-v-2f06c807] {
  position: relative;
  margin: 0 auto;
}
.pdf-viewer__page[data-v-2f06c807] {
  border-radius: var(--spacing-1);
  display: block;
  transform-origin: center top;
  contain: layout style paint;
}
.pdf-viewer__expired-overlay[data-v-2f06c807] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 10;
}
.pdf-viewer__expired-text[data-v-2f06c807] {
  font-size: 167px;
  line-height: 145%;
  color: rgba(138, 138, 138, 0.15);
  text-transform: uppercase;
  transform: rotate(-45deg);
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.quickpay-pdf-viewer[data-v-8f5da64e] {
  max-width: 645px;
  width: 100%;
  height: calc(100% - 68px);
  display: flex;
  flex-direction: column;
  border-radius: var(--spacing-1) var(--spacing-1) 0 0;
  box-shadow: var(--elevation-1);
  margin: 64px 0 0;
  overflow: hidden;
}
@media (min-width: 1441px) {
.quickpay-pdf-viewer[data-v-8f5da64e] {
    max-width: 800px;
    height: calc(100% - 132px);
}
}
@media (max-width: 1023px) {
.quickpay-pdf-viewer[data-v-8f5da64e] {
    display: none;
}
}
.quickpay-pdf-viewer__content[data-v-8f5da64e] {
  flex: 1;
  min-height: 0;
}
.quickpay-pdf-viewer__header[data-v-8f5da64e] {
  height: 80px;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-3) var(--spacing-4);
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1) var(--spacing-1) 0 0;
}
.quickpay-pdf-viewer__header-content[data-v-8f5da64e] {
  display: flex;
  flex-direction: column;
}
.quickpay-pdf-viewer__title-container[data-v-8f5da64e] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.quickpay-pdf-viewer__loader[data-v-8f5da64e] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quickpay-pdf-viewer__type[data-v-8f5da64e] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
}
.quickpay-pdf-viewer__title[data-v-8f5da64e] {
  color: var(--colors-common-text-standard-caption);
  margin: 0;
}

.footer-powered-by-sellsy[data-v-ec5245ba] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-0);
  z-index: 1000;
  background-color: var(--colors-common-background-default);
}
.footer-powered-by-sellsy__text[data-v-ec5245ba] {
  margin: 0;
  color: var(--colors-common-text-brand-secondary-blue);
}
.footer-powered-by-sellsy__logo-link[data-v-ec5245ba] {
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 1023px) {
.footer-powered-by-sellsy--relative-on-mobile[data-v-ec5245ba] {
    position: relative;
}
}

.quickpay-payment-header[data-v-50694e65] {
  position: relative;
  width: 100%;
  min-height: 110px;
  display: flex;
  flex-direction: column;
  border-radius: var(--spacing-1);
  padding: var(--spacing-5);
  margin: var(--spacing-5) 0 0;
  background: url(../ressources/logged/img/illustrations/payment/background-payment-header-company.svg) center center/cover no-repeat;
  color: var(--colors-common-text-standard-on-color);
}
.quickpay-payment-header__logo-wrapper[data-v-50694e65] {
  position: absolute;
  top: -25%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-2);
}
.quickpay-payment-header__logo[data-v-50694e65] {
  width: 224px;
  height: 72px;
  padding: var(--spacing-3) 48px;
  object-fit: contain;
}
.quickpay-payment-header__card[data-v-50694e65] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-2);
  min-width: 0;
  text-align: center;
}
.quickpay-payment-header__card--with-company-and-amount-shown[data-v-50694e65] {
  justify-content: space-between;
  align-items: flex-end;
  text-align: center;
}
@media (min-width: 767px) {
.quickpay-payment-header__card--with-company-and-amount-shown > div[data-v-50694e65]:first-child {
    text-align: left;
}
.quickpay-payment-header__card--with-company-and-amount-shown > div[data-v-50694e65]:last-child {
    text-align: right;
}
}
.quickpay-payment-header--with-logo .quickpay-payment-header__card[data-v-50694e65] {
  margin-top: 30px;
}
.quickpay-payment-header__company-name[data-v-50694e65], .quickpay-payment-header__amount-value[data-v-50694e65] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  min-width: 0;
  max-width: 230px;
}
.quickpay-payment-header__label[data-v-50694e65], .quickpay-payment-header__amount-due[data-v-50694e65], .quickpay-payment-header__document-number[data-v-50694e65] {
  margin: 0;
}
.quickpay-payment-header__amount-currency[data-v-50694e65] {
  flex-shrink: 0;
}
.quickpay-payment-header__tax-label[data-v-50694e65] {
  margin-left: var(--spacing-0);
}
@media (max-width: 1023px) {
.quickpay-payment-header__card[data-v-50694e65] {
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-2);
}
.quickpay-payment-header__company[data-v-50694e65] {
    flex: 0 0 auto;
    max-width: 100%;
    align-items: center;
}
.quickpay-payment-header__label[data-v-50694e65] {
    text-align: center;
}
.quickpay-payment-header__company-name[data-v-50694e65] {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    text-align: center;
}
.quickpay-payment-header__amount[data-v-50694e65] {
    flex: 0 0 auto;
    text-align: center;
    max-width: 100%;
    justify-content: center;
}
}

.quickpay-download-document[data-v-2e77fedc] {
  width: 100%;
}
.quickpay-download-document__desktop[data-v-2e77fedc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-3);
}
@media (max-width: 1023px) {
.quickpay-download-document__desktop[data-v-2e77fedc] {
    display: none;
}
}
.quickpay-download-document__title[data-v-2e77fedc] {
  margin: 0;
  color: var(--colors-common-text-brand-secondary-blue);
}
.quickpay-download-document__description[data-v-2e77fedc] {
  max-width: 300px;
  text-align: center;
  margin: 0;
  color: var(--colors-common-text-standard-caption);
}
.quickpay-download-document__mobile[data-v-2e77fedc] {
  display: none;
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  padding: var(--spacing-4);
  box-shadow: var(--elevation-1);
  width: 100%;
  gap: var(--spacing-4);
}
@media (max-width: 1023px) {
.quickpay-download-document__mobile[data-v-2e77fedc] {
    display: flex;
    flex-direction: column;
}
}
.quickpay-download-document__mobile-preview[data-v-2e77fedc] {
  width: 100px;
  border-radius: var(--spacing-1);
  overflow: hidden;
  background: var(--colors-common-background-default);
  flex-shrink: 0;
  position: relative;
  align-self: stretch;
  margin-right: var(--spacing-4);
}
.quickpay-download-document__mobile-preview-image[data-v-2e77fedc] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.quickpay-download-document__mobile-content[data-v-2e77fedc] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  min-width: 0;
  flex: 1;
}
.quickpay-download-document__mobile-header[data-v-2e77fedc] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  flex: 1;
}
.quickpay-download-document__mobile-info[data-v-2e77fedc] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  min-width: 0;
}
.quickpay-download-document__mobile-type[data-v-2e77fedc] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
}
.quickpay-download-document__mobile-number[data-v-2e77fedc] {
  color: var(--colors-common-text-standard-caption);
  margin: 0;
}
.quickpay-download-document__mobile-tag[data-v-2e77fedc] {
  align-self: flex-start;
}
.quickpay-download-document__mobile-container[data-v-2e77fedc] {
  display: flex;
}

.quickpay-deadlines[data-v-d6a687a0] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.quickpay-deadlines--selectable .quickpay-deadlines__preview[data-v-d6a687a0],
.quickpay-deadlines--selectable .quickpay-deadlines__list[data-v-d6a687a0] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.quickpay-deadlines__header[data-v-d6a687a0] {
  display: flex;
  align-items: center;
}
.quickpay-deadlines__title[data-v-d6a687a0] {
  color: var(--colors-common-text-standard-default);
}
.quickpay-deadlines__preview[data-v-d6a687a0] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--spacing-1);
}
.quickpay-deadlines__scrollable[data-v-d6a687a0] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.quickpay-deadlines__toggle[data-v-d6a687a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-0);
  padding: var(--spacing-2);
  background: none;
  border: none;
  cursor: pointer;
  align-self: center;
}
.quickpay-deadlines__toggle-text[data-v-d6a687a0] {
  color: var(--colors-common-text-subtle-default);
}
.quickpay-deadlines__toggle-icon[data-v-d6a687a0] {
  color: var(--colors-common-text-subtle-default);
}
.quickpay-deadlines__toggle:hover .quickpay-deadlines__toggle-text[data-v-d6a687a0] {
  text-decoration: underline;
}
.quickpay-deadlines__wrapper[data-v-d6a687a0] {
  display: grid;
  overflow: hidden;
}
.quickpay-deadlines__list[data-v-d6a687a0] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--spacing-1);
  background: var(--colors-common-background-default);
  z-index: 10;
  min-height: 0;
}
.quickpay-deadlines__item[data-v-d6a687a0] {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-2) var(--spacing-3);
  transition: all 0.2s ease;
}
.quickpay-deadlines__item--selectable[data-v-d6a687a0] {
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: 0px 0px 9px 0px rgba(143, 143, 143, 0.17);
  cursor: pointer;
}
.quickpay-deadlines__item--selectable[data-v-d6a687a0]:hover {
  box-shadow: 2px 0px 10px 3px rgba(0, 0, 0, 0.12);
}
.quickpay-deadlines__item--selected[data-v-d6a687a0] {
  box-shadow: 2px 0px 10px 3px rgba(0, 0, 0, 0.12);
}
.quickpay-deadlines__item--disabled[data-v-d6a687a0] {
  cursor: not-allowed;
}
.quickpay-deadlines__item--disabled[data-v-d6a687a0]:hover {
  box-shadow: 0px 0px 9px 0px rgba(143, 143, 143, 0.17);
}
.quickpay-deadlines__item-radio[data-v-d6a687a0] {
  flex-shrink: 0;
}
.quickpay-deadlines__item-main[data-v-d6a687a0] {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
}
.quickpay-deadlines__item-date[data-v-d6a687a0] {
  color: var(--colors-common-text-subtle-default);
}
.quickpay-deadlines__item-date--paid[data-v-d6a687a0] {
  color: var(--colors-common-text-standard-disabled-light);
}
.quickpay-deadlines__item-tag[data-v-d6a687a0] {
  flex-shrink: 0;
}
.quickpay-deadlines__item-amount[data-v-d6a687a0] {
  color: var(--colors-common-text-standard-caption);
  text-align: end;
}
.quickpay-deadlines--selectable .quickpay-deadlines__item-amount[data-v-d6a687a0] {
  color: var(--colors-common-text-standard-default);
}
.quickpay-deadlines__item-amount--paid[data-v-d6a687a0] {
  color: var(--colors-common-text-standard-disabled-light);
}
.quickpay-deadlines__confirmation[data-v-d6a687a0] {
  position: sticky;
  bottom: var(--spacing-1);
  left: 0;
  right: 0;
  background: var(--colors-common-background-darkest-default);
  border-radius: var(--spacing-1);
  z-index: 100;
  padding: var(--spacing-2) var(--spacing-4);
}
.quickpay-deadlines__confirmation[data-v-d6a687a0]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42.62%, #ffffff 100%);
  pointer-events: none;
  z-index: -1;
}
@media (min-width: 1024px) {
.quickpay-deadlines__confirmation[data-v-d6a687a0] {
    width: 100%;
    max-width: 400px;
}
}
.quickpay-deadlines__confirmation-content[data-v-d6a687a0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-3);
  max-width: 400px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
.quickpay-deadlines__confirmation-content[data-v-d6a687a0] {
    max-width: none;
}
}
.quickpay-deadlines__confirmation-info[data-v-d6a687a0] {
  display: flex;
  flex-direction: column;
}
.quickpay-deadlines__confirmation-amount[data-v-d6a687a0] {
  color: var(--colors-common-text-contrast-default);
}
.quickpay-deadlines__confirmation-date[data-v-d6a687a0] {
  color: var(--colors-common-text-contrast-default);
}
.quickpay-deadlines__divider[data-v-d6a687a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--colors-common-text-standard-caption);
}
.quickpay-deadlines__divider[data-v-d6a687a0]::before, .quickpay-deadlines__divider[data-v-d6a687a0]::after {
  content: "";
  flex: 1 1 0;
  height: 1px;
  background: var(--colors-common-text-standard-caption);
}
.quickpay-deadlines__divider[data-v-d6a687a0]::before {
  margin-right: var(--spacing-3);
}
.quickpay-deadlines__divider[data-v-d6a687a0]::after {
  margin-left: var(--spacing-3);
}
.quickpay-deadlines__pay-whole[data-v-d6a687a0] {
  display: flex;
  justify-content: center;
}
.confirmation-block-enter-active[data-v-d6a687a0] {
  transition: transform 300ms ease-out 10ms, opacity 300ms ease-out 10ms;
}
.confirmation-block-leave-active[data-v-d6a687a0] {
  transition: transform 300ms ease-out, opacity 300ms ease-out;
}
.confirmation-block-enter-from[data-v-d6a687a0] {
  opacity: 0;
  transform: translateY(100px);
}
.confirmation-block-leave-to[data-v-d6a687a0] {
  opacity: 0;
  transform: translateY(100px);
}
.list-slide-enter-active[data-v-d6a687a0],
.list-slide-leave-active[data-v-d6a687a0] {
  transition: grid-template-rows 350ms ease;
}
.list-slide-enter-from[data-v-d6a687a0],
.list-slide-leave-to[data-v-d6a687a0] {
  grid-template-rows: 0fr;
}
.list-slide-enter-to[data-v-d6a687a0],
.list-slide-leave-from[data-v-d6a687a0] {
  grid-template-rows: 1fr;
}

.quickpay-overview[data-v-53cbb6a3] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 1023px) {
.quickpay-overview[data-v-53cbb6a3] {
    gap: var(--spacing-4);
}
}

.quickpay-deadline-selection[data-v-8b071d9f] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--spacing-3);
}
@media (max-width: 1023px) {
.quickpay-deadline-selection[data-v-8b071d9f] {
    gap: var(--spacing-4);
}
}
@media (min-width: 1024px) {
.quickpay-deadline-selection__download-document[data-v-8b071d9f] {
    display: none;
}
}

.quickpay-esign-card[data-v-212546e5] {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-3) var(--spacing-4);
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
}
.quickpay-esign-card__header[data-v-212546e5] {
  display: flex;
  gap: var(--spacing-3);
  margin: 0 0 var(--spacing-1);
  align-items: center;
}
.quickpay-esign-card__title[data-v-212546e5] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
}
.quickpay-esign-card__description[data-v-212546e5] {
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 var(--spacing-3);
}
.quickpay-esign-card__button[data-v-212546e5] {
  margin: 0 0 var(--spacing-3);
}
.quickpay-esign-card__img-provider[data-v-212546e5] {
  width: 60px;
  align-self: center;
}

.quickpay-cgv[data-v-9993dbd5] {
  width: 100%;
  display: flex;
  padding: var(--spacing-1) var(--spacing-3);
  background: var(--colors-common-background-subtle);
  border-radius: var(--spacing-1);
}
.quickpay-cgv--error[data-v-9993dbd5] {
  background: var(--colors-common-background-alert-subtle);
}
.quickpay-cgv__content[data-v-9993dbd5] {
  margin: 0;
}

.quickpay-esign-overview[data-v-59284f2a] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--spacing-3);
  padding: var(--spacing-1);
}
@media (min-width: 1024px) {
.quickpay-esign-overview__download-document[data-v-59284f2a] {
    display: none;
}
}

.quickpay-marketing-preferences[data-v-548e3fa6] {
  width: 100%;
  background: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-1);
  overflow: hidden;
}
.quickpay-marketing-preferences__header[data-v-548e3fa6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-1) var(--spacing-3);
  cursor: pointer;
}
.quickpay-marketing-preferences__title[data-v-548e3fa6] {
  margin: 0;
}
.quickpay-marketing-preferences__caret[data-v-548e3fa6] {
  transition: transform 300ms ease-in-out;
}
.quickpay-marketing-preferences__caret--open[data-v-548e3fa6] {
  transform: rotate(90deg);
}
.quickpay-marketing-preferences__content[data-v-548e3fa6] {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 300ms ease-in-out, opacity 150ms ease-in-out;
}
.quickpay-marketing-preferences__content--open[data-v-548e3fa6] {
  max-height: 500px;
  opacity: 1;
}
.quickpay-marketing-preferences__content-wrapper[data-v-548e3fa6] {
  padding: var(--spacing-1) var(--spacing-3) var(--spacing-2);
}
.quickpay-marketing-preferences__alert[data-v-548e3fa6] {
  margin-bottom: var(--spacing-2);
}
.quickpay-marketing-preferences__campaigns[data-v-548e3fa6] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.quickpay-marketing-preferences__checkbox[data-v-548e3fa6] {
  width: 100%;
}
.quickpay-marketing-preferences__button[data-v-548e3fa6] {
  margin-top: var(--spacing-2);
  width: 100%;
}
.quickpay-marketing-preferences__updated[data-v-548e3fa6] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
  margin: var(--spacing-1) 0 0;
  color: var(--colors-common-text-subtle-default);
}

.quickpay-payment-card[data-v-eec127b7] {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-3);
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: 0px 0px 9px 0px rgba(143, 143, 143, 0.17);
  transition: all 0.3s ease;
  cursor: pointer;
}
.quickpay-payment-card[data-v-eec127b7]:hover, .quickpay-payment-card--selected[data-v-eec127b7] {
  box-shadow: var(--elevation-1);
}
.quickpay-payment-card--selected[data-v-eec127b7] {
  border: 2px solid var(--colors-primary-default);
}
.quickpay-payment-card__header[data-v-eec127b7] {
  display: flex;
  align-items: center;
}
.quickpay-payment-card__radio[data-v-eec127b7] {
  margin-right: var(--spacing-1);
  pointer-events: none;
}
.quickpay-payment-card__title[data-v-eec127b7] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
  margin-right: var(--spacing-2);
  flex-shrink: 0;
}
.quickpay-payment-card__logos[data-v-eec127b7] {
  display: flex;
  gap: var(--spacing-0);
}
.quickpay-payment-card__logo[data-v-eec127b7] {
  height: var(--spacing-3);
  width: auto;
  object-fit: contain;
}
.quickpay-payment-card__content-wrapper[data-v-eec127b7] {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 0.5s ease, opacity 0.5s ease, margin-top 0.5s ease;
  overflow: hidden;
}
.quickpay-payment-card__content-wrapper--open[data-v-eec127b7] {
  grid-template-rows: 1fr;
  opacity: 1;
  margin-top: var(--spacing-1);
}
.quickpay-payment-card__content[data-v-eec127b7] {
  min-height: 0;
}
.quickpay-payment-card__description[data-v-eec127b7] {
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 var(--spacing-3);
}
.quickpay-payment-card__button[data-v-eec127b7] {
  width: 100%;
}

.quickpay-payment-overview[data-v-60803528] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-3);
  padding: var(--spacing-1);
}
@media (min-width: 1024px) {
.quickpay-payment-overview__download-document[data-v-60803528] {
    display: none;
}
}
.quickpay-payment-overview__provider-error[data-v-60803528] {
  width: 100%;
}
.quickpay-payment-overview__cards[data-v-60803528] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  width: 100%;
}
.quickpay-payment-overview__skeleton-card[data-v-60803528] {
  max-width: 400px;
  width: 100%;
}
.quickpay-payment-overview__skeleton-card[data-v-60803528] .compass-skeleton__line {
  width: 100%;
  height: 52px;
}
.quickpay-payment-overview__skeleton-card--first[data-v-60803528] .compass-skeleton__line {
  height: 140px;
}

.quickpay-payment-layout[data-v-738addc5] {
  min-height: 100dvh;
  background: url(../ressources/logged/img/illustrations/payment/background-payment.png) center center/cover no-repeat;
  padding: var(--spacing-5);
  animation: fadeIn-738addc5 0.5s ease-out;
}
@media (max-width: 1023px) {
.quickpay-payment-layout[data-v-738addc5] {
    background-image: url(../ressources/logged/img/illustrations/payment/background-payment-mobile.png);
}
}
.quickpay-payment-layout__back-button[data-v-738addc5] {
  margin: 0 0 var(--spacing-3);
}
.quickpay-payment-layout__content[data-v-738addc5] {
  min-height: calc(100dvh - 168px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
@media (min-width: 1441px) {
.quickpay-payment-layout__content[data-v-738addc5] {
    justify-content: center;
    gap: 152px;
}
}
@media (max-width: 1023px) {
.quickpay-payment-layout__content[data-v-738addc5] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-3);
}
}
@media (max-width: 1023px) {
.quickpay-payment-layout[data-v-738addc5] {
    padding: var(--spacing-4);
}
}
@keyframes fadeIn-738addc5 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.quickpay-payment-overview-description[data-v-e1825aa7] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-3);
}
@media (max-width: 1023px) {
.quickpay-payment-overview-description[data-v-e1825aa7] {
    align-items: flex-start;
    text-align: left;
}
}
.quickpay-payment-overview-description--centered[data-v-e1825aa7] {
  align-items: center;
  text-align: center;
}
@media (max-width: 1023px) {
.quickpay-payment-overview-description--centered[data-v-e1825aa7] {
    align-items: center;
    text-align: center;
}
}
.quickpay-payment-overview-description__icon[data-v-e1825aa7] {
  width: 44px;
  height: 44px;
}
.quickpay-payment-overview-description__title[data-v-e1825aa7] {
  margin: 0;
  color: var(--colors-common-text-brand-secondary-blue);
  font-family: Stack Sans Text;
  font-weight: 700;
  font-size: 38px;
  line-height: 45px;
}
.quickpay-payment-overview-description__description[data-v-e1825aa7] {
  margin: 0;
  color: var(--colors-common-text-subtle-default);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}

@keyframes ticket-print-f913cc0a {
from {
    transform: translateY(100%) translateZ(0);
    opacity: 0;
}
to {
    transform: translateY(0) translateZ(0);
    opacity: 1;
}
}
.quickpay-payment-ticket[data-v-f913cc0a] {
  position: relative;
  background: var(--colors-common-background-default);
  width: 400px;
  mask: url("../ressources/logged/img/illustrations/payment/ticket-wave-mask.svg") no-repeat center/100% 100%;
  -webkit-mask: url("../ressources/logged/img/illustrations/payment/ticket-wave-mask.svg") no-repeat center/100% 100%;
  padding: var(--spacing-5);
  margin: 0 0 var(--spacing-3);
  animation: ticket-print-f913cc0a 1s ease-in-out;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
@media (max-width: 1023px) {
.quickpay-payment-ticket[data-v-f913cc0a] {
    width: 100%;
    max-width: 448px;
}
}
@media (max-width: 500px) {
.quickpay-payment-ticket[data-v-f913cc0a] {
    padding: var(--spacing-4);
}
}
.quickpay-payment-ticket__company-name[data-v-f913cc0a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--colors-common-text-standard-default);
  margin: var(--spacing-3) 0 0;
}
.quickpay-payment-ticket__date[data-v-f913cc0a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: var(--colors-common-text-standard-default);
  margin: var(--spacing-1) 0 0;
  padding-bottom: var(--spacing-5);
  position: relative;
}
.quickpay-payment-ticket__date[data-v-f913cc0a]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: repeating-linear-gradient(to right, var(--colors-common-border-default) 0, var(--colors-common-border-default) 7px, transparent 7px, transparent 14px);
}
.quickpay-payment-ticket__header[data-v-f913cc0a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: var(--spacing-3) 0;
  padding-bottom: var(--spacing-3);
  position: relative;
}
.quickpay-payment-ticket__header[data-v-f913cc0a]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: repeating-linear-gradient(to right, var(--colors-common-border-default) 0, var(--colors-common-border-default) 7px, transparent 7px, transparent 14px);
}
.quickpay-payment-ticket__header-content[data-v-f913cc0a] {
  display: flex;
  flex-direction: column;
}
.quickpay-payment-ticket__type[data-v-f913cc0a], .quickpay-payment-ticket__title[data-v-f913cc0a] {
  color: var(--colors-common-text-standard-default);
  margin: 0;
}
.quickpay-payment-ticket__transaction-details-section[data-v-f913cc0a] {
  margin: var(--spacing-3) 0;
}
.quickpay-payment-ticket__transaction-details[data-v-f913cc0a] {
  margin: 0 0 var(--spacing-1);
  color: var(--colors-common-text-standard-default);
}
.quickpay-payment-ticket__rows[data-v-f913cc0a] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.quickpay-payment-ticket__row[data-v-f913cc0a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.quickpay-payment-ticket__label[data-v-f913cc0a], .quickpay-payment-ticket__value[data-v-f913cc0a] {
  color: var(--colors-common-text-standard-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quickpay-payment-ticket__label[data-v-f913cc0a] {
  text-align: left;
  flex: 1 1 0;
  min-width: 0;
}
.quickpay-payment-ticket__value[data-v-f913cc0a] {
  text-align: right;
  flex: 1 1 0;
  min-width: 0;
}
.quickpay-payment-ticket__btn[data-v-f913cc0a] {
  width: 100%;
}

.quickpay-payment-feedback[data-v-1c9b52ad] {
  max-width: 358px;
  position: fixed;
  bottom: var(--spacing-4);
  right: var(--spacing-4);
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-3);
  box-shadow: var(--elevation-1);
  z-index: 1001;
}
@media (max-width: 768px) {
.quickpay-payment-feedback[data-v-1c9b52ad] {
    right: 10px;
}
}
.quickpay-payment-feedback[data-v-1c9b52ad]:has(.quickpay-payment-feedback__header) {
  padding: var(--spacing-3) var(--spacing-4);
}
.quickpay-payment-feedback__header[data-v-1c9b52ad] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-0);
  margin-bottom: var(--spacing-1);
}
.quickpay-payment-feedback__title[data-v-1c9b52ad] {
  margin: 0;
  color: var(--colors-common-text-subtle-default);
}
.quickpay-payment-feedback__buttons[data-v-1c9b52ad] {
  display: flex;
  gap: var(--spacing-1);
}
.quickpay-payment-feedback__emoji-button[data-v-1c9b52ad] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-2);
  background: var(--colors-common-background-default);
  border: 1px solid var(--colors-common-border-lighter);
  border-radius: var(--spacing-1);
  cursor: pointer;
  color: var(--colors-common-text-standard-caption);
  text-decoration: none;
  transition: all 0.2s ease;
}
.quickpay-payment-feedback__emoji-button[data-v-1c9b52ad]:hover, .quickpay-payment-feedback__emoji-button.is-active[data-v-1c9b52ad] {
  color: var(--colors-common-text-subtle-default);
  border-color: var(--colors-common-border-default-hover);
}
.quickpay-payment-feedback__emoji[data-v-1c9b52ad] {
  font-size: 14px;
}
.quickpay-payment-feedback__form[data-v-1c9b52ad] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  margin-top: var(--spacing-3);
}
.quickpay-payment-feedback__button[data-v-1c9b52ad] {
  width: 100%;
  padding: 6px;
  background: var(--colors-common-background-darkest-default);
  color: var(--colors-common-text-standard-on-color);
  border: none;
  border-radius: var(--spacing-0);
  cursor: pointer;
}
.quickpay-payment-feedback__thanks[data-v-1c9b52ad] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.quickpay-payment-feedback__description[data-v-1c9b52ad] {
  color: var(--colors-common-text-standard-placeholder);
  margin: 0;
}
.quickpay-payment-feedback__teaser-bubble[data-v-1c9b52ad] {
  width: 72px;
  height: 56px;
  border-radius: var(--spacing-3);
  background: var(--colors-common-background-default);
  box-shadow: var(--elevation-1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quickpay-payment-overview-success__description[data-v-b5388ab0] {
  max-width: 260px;
}
@media (max-width: 1023px) {
.quickpay-payment-overview-success__description[data-v-b5388ab0] {
    max-width: 448px;
    width: 100%;
}
}
.quickpay-payment-overview-success__ticket[data-v-b5388ab0] {
  max-width: 500px;
  filter: drop-shadow(0 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0 1px 3px rgba(16, 24, 40, 0.1));
}
@media (max-width: 1023px) {
.quickpay-payment-overview-success__ticket[data-v-b5388ab0] {
    max-width: 448px;
    width: 100%;
}
}

.quickpay-payment-stripe__container[data-v-d5126108] {
  background: white;
  border-radius: var(--spacing-1);
  padding: var(--spacing-6);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.quickpay-payment-stripe__container h2[data-v-d5126108] {
  margin-bottom: var(--spacing-3);
}
.quickpay-payment-stripe__container p[data-v-d5126108] {
  margin-bottom: var(--spacing-5);
  color: var(--color-text-secondary);
}
.quickpay-payment-stripe__button[data-v-d5126108] {
  width: 100%;
  margin: var(--spacing-3) 0 0;
}

.quickpay-payment-stancer-skeleton[data-v-108f7f47] {
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  padding: var(--spacing-7) var(--spacing-4) var(--spacing-4) var(--spacing-4);
}
@media (max-width: 1023px) {
.quickpay-payment-stancer-skeleton[data-v-108f7f47] {
    padding: var(--spacing-6);
    width: 430px;
}
}
.quickpay-payment-stancer-skeleton[data-v-108f7f47] .compass-skeleton__block {
  height: 100%;
}
.quickpay-payment-stancer-skeleton__header[data-v-108f7f47] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-1);
  margin-bottom: var(--spacing-2);
}
.quickpay-payment-stancer-skeleton__title[data-v-108f7f47] {
  width: 50%;
}
.quickpay-payment-stancer-skeleton__amount[data-v-108f7f47] {
  margin-top: var(--spacing-2);
  width: 25%;
}
.quickpay-payment-stancer-skeleton__company-name[data-v-108f7f47] {
  width: 35%;
}
.quickpay-payment-stancer-skeleton__ref[data-v-108f7f47] {
  width: 45%;
}
.quickpay-payment-stancer-skeleton__field[data-v-108f7f47] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  flex: 1;
}
.quickpay-payment-stancer-skeleton__label[data-v-108f7f47] {
  width: 40%;
}
.quickpay-payment-stancer-skeleton__input[data-v-108f7f47] {
  height: 52px;
  margin-top: var(--spacing-4);
}
.quickpay-payment-stancer-skeleton__company[data-v-108f7f47] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.quickpay-payment-stancer-skeleton__invoice-number[data-v-108f7f47] {
  width: 40%;
  margin-top: var(--spacing-1);
}
.quickpay-payment-stancer-skeleton__row[data-v-108f7f47] {
  display: flex;
  gap: var(--spacing-3);
}
.quickpay-payment-stancer-skeleton__button[data-v-108f7f47] {
  height: 52px;
  margin-top: var(--spacing-7);
}
.quickpay-payment-stancer-skeleton__footer[data-v-108f7f47] {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-4);
}
.quickpay-payment-stancer-skeleton__link[data-v-108f7f47] {
  width: 50%;
}

.quickpay-payment-stancer[data-v-9e396f34] {
  width: fit-content;
  max-width: 100%;
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
  min-height: 765px;
}
.quickpay-payment-stancer__iframe[data-v-9e396f34] {
  display: block;
  border: 0;
  min-height: 735px;
}
@media (max-width: 768px) {
.quickpay-payment-stancer__iframe[data-v-9e396f34] {
    padding-top: var(--spacing-4);
}
}

.quickpay-payment-overview-card__description[data-v-0400ad17] {
  flex-basis: 345px;
  max-width: 345px;
}
@media (max-width: 1023px) {
.quickpay-payment-overview-card__description[data-v-0400ad17] {
    flex-basis: auto;
    max-width: 100%;
}
}
.quickpay-payment-overview-card__provider[data-v-0400ad17] {
  flex-basis: 500px;
  max-width: 500px;
}
@media (max-width: 1023px) {
.quickpay-payment-overview-card__provider[data-v-0400ad17] {
    flex-basis: auto;
    max-width: 100%;
}
}

.global:has(.quickpay) {
  min-width: 0 !important;
}
#contentDiv.has-sidebar-closed:has(.quickpay) {
  padding: 0 !important;
}
#contentDiv:has(.quickpay) .contentMargin {
  height: auto;
}

@media (max-width: 1023px) {
.quickpay[data-v-423152b9] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}
}
.quickpay__stancer-provider[data-v-423152b9] {
  min-width: 600px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1023px) {
.quickpay__stancer-provider[data-v-423152b9] {
    min-width: auto;
    width: 100%;
}
}
@media (min-width: 1024px) {
.quickpay--has-footer .quickpay__container-content[data-v-423152b9] {
    padding-bottom: 68px;
}
}
.quickpay__container[data-v-423152b9] {
  display: flex;
  justify-content: space-evenly;
  padding: var(--spacing-3);
}
@media (min-width: 1024px) {
.quickpay__container[data-v-423152b9] {
    height: 100dvh;
}
}
.quickpay__container-content[data-v-423152b9] {
  width: 100%;
  max-width: 400px;
}
@media (min-width: 1024px) {
.quickpay__container-content[data-v-423152b9] {
    margin-top: 130px;
    overflow-y: auto;
}
}
@media (min-width: 1441px) {
.quickpay__container[data-v-423152b9] {
    max-width: 1440px;
    margin: 0 auto;
}
}
@media (max-width: 1280px) {
.quickpay__container[data-v-423152b9] {
    gap: var(--spacing-5);
}
}
@media (max-width: 1023px) {
.quickpay__container[data-v-423152b9] {
    align-items: normal;
    flex: 1;
}
}

.global:has(.quickpay-error) {
  min-width: 0 !important;
}
#contentDiv.has-sidebar-closed:has(.quickpay-error) {
  padding: 0 !important;
}
#contentDiv:has(.quickpay-error) .contentMargin {
  height: auto;
}

.quickpay-error[data-v-1d0a32ca] {
  min-height: 100vh;
  min-height: 100dvh;
  background: url(../ressources/logged/img/illustrations/payment/background-payment.png) center center/cover no-repeat;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-5);
  animation: fadeIn-1d0a32ca 0.5s ease-out;
}
@media (max-width: 1023px) {
.quickpay-error[data-v-1d0a32ca] {
    background-image: url(../ressources/logged/img/illustrations/payment/background-payment-mobile.png);
    padding: var(--spacing-4);
}
}
.quickpay-error__content[data-v-1d0a32ca] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 68px;
}
.quickpay-error__description[data-v-1d0a32ca] {
  max-width: 500px;
  text-align: center;
}
@keyframes fadeIn-1d0a32ca {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.video-preview[data-v-00eb806a] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--spacing-1);
  cursor: pointer;
}
.video-preview__thumbnail[data-v-00eb806a] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease-in-out;
}
.video-preview:hover .video-preview__thumbnail[data-v-00eb806a] {
  transform: scale(1.05);
}
.video-preview__overlay[data-v-00eb806a] {
  position: absolute;
  inset: 0;
  background: var(--colors-common-background-overlay-light);
}
.video-preview__play-button[data-v-00eb806a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  max-width: 68px;
  height: 68px;
  border-radius: 50%;
  background: var(--colors-common-background-darkest-default);
  overflow: hidden;
  transition: all 0.5s ease 0.15s;
}
.video-preview:hover .video-preview__play-button[data-v-00eb806a] {
  max-width: 200px;
  height: 40px;
  border-radius: 30px;
  background: var(--colors-common-background-default);
  padding-right: var(--spacing-2);
  justify-content: flex-start;
  gap: var(--spacing-1);
  transition: all 0.5s ease;
}
.video-preview__play-icon[data-v-00eb806a] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding-left: 3px;
  color: var(--colors-common-background-default);
  transition: background 0.5s ease 0.15s, margin 0.5s ease 0.15s;
}
.video-preview:hover .video-preview__play-icon[data-v-00eb806a] {
  background: var(--colors-common-background-darkest-default);
  margin-left: -1px;
  transition: background 0.5s ease, margin 0.5s ease;
}
.video-preview__play-svg[data-v-00eb806a] {
  width: 20px;
  height: 20px;
  transition: width 0.5s ease 0.15s, height 0.5s ease 0.15s;
}
.video-preview:hover .video-preview__play-svg[data-v-00eb806a] {
  width: 12px;
  height: 12px;
  transition: width 0.5s ease, height 0.5s ease;
}
.video-preview__play-label[data-v-00eb806a] {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  color: var(--colors-common-background-darkest-default);
  transition: max-width 0.15s ease, opacity 0.1s ease;
}
.video-preview:hover .video-preview__play-label[data-v-00eb806a] {
  max-width: 100px;
  opacity: 1;
  transition: max-width 0.5s ease, opacity 0.2s ease 0.1s;
}
.video-preview-modal[data-v-00eb806a] {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--colors-common-background-overlay-dark);
}
.video-preview-modal__content[data-v-00eb806a] {
  width: 952px;
  max-width: 90vw;
  aspect-ratio: 16/9;
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-0);
  box-shadow: var(--elevation-1);
  overflow: hidden;
}
.video-preview-modal__iframe[data-v-00eb806a] {
  width: 100%;
  height: 100%;
  border: none;
}
.video-preview-modal__tooltip[data-v-00eb806a] {
  position: absolute;
  top: var(--spacing-6);
  right: var(--spacing-6);
}
.video-preview-fade-enter-active[data-v-00eb806a],
.video-preview-fade-leave-active[data-v-00eb806a] {
  transition: opacity 0.2s ease;
}
.video-preview-fade-enter-from[data-v-00eb806a],
.video-preview-fade-leave-to[data-v-00eb806a] {
  opacity: 0;
}

.video-preview-modal__tooltip-item {
  z-index: 10000 !important;
}

.quickpay-pitch[data-v-9f32d378] {
  /* Override default card padding */
}
.quickpay-pitch.quickpay-pitch[data-v-9f32d378] {
  padding: 40px;
}
.quickpay-pitch[data-v-9f32d378] {
  display: flex;
  gap: 40px;
  align-items: start;
  overflow: hidden;
}
.quickpay-pitch__text[data-v-9f32d378] {
  width: 302px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.quickpay-pitch__title[data-v-9f32d378] {
  margin: 0;
  color: var(--colors-sellsy-brand-secondary-blue);
}
.quickpay-pitch__description[data-v-9f32d378] {
  margin: 0;
  color: var(--colors-sellsy-brand-secondary-blue);
}
.quickpay-pitch__preview[data-v-9f32d378] {
  flex: 1;
  height: 213px;
  overflow: hidden;
  border-radius: var(--spacing-1);
}

.quickpay-partners-loader[data-v-556d3498] {
  display: flex;
  flex-direction: column;
}
.quickpay-partners-loader__title[data-v-556d3498] {
  width: 260px;
  margin-bottom: var(--spacing-4);
}
.quickpay-partners-loader__description[data-v-556d3498] {
  width: 460px;
  margin-bottom: var(--spacing-6);
}
.quickpay-partners-loader__grid[data-v-556d3498] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}
.quickpay-partners-loader__card[data-v-556d3498] {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  height: 216px;
  padding: var(--spacing-3);
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
}
.quickpay-partners-loader__card-logo[data-v-556d3498] {
  margin-bottom: var(--spacing-3);
}
.quickpay-partners-loader__card-logo[data-v-556d3498] .compass-skeleton__square--medium {
  width: var(--spacing-6);
  height: var(--spacing-6);
}
.quickpay-partners-loader__card-name[data-v-556d3498] {
  width: 80px;
  margin-bottom: var(--spacing-2);
}
.quickpay-partners-loader__card-description[data-v-556d3498] {
  width: 190px;
}
.quickpay-partners-loader__card-button[data-v-556d3498] {
  width: 100%;
  margin-top: auto;
}

.quickpay-provider-card[data-v-31be1250] {
  display: flex;
  flex-direction: column;
  margin-top: var(--spacing-0);
  padding: var(--spacing-3);
  background: var(--colors-common-background-default);
  border-radius: var(--spacing-1);
  box-shadow: var(--elevation-1);
  cursor: pointer;
  transition: transform 0.2s ease;
  min-height: 216px;
  flex: 1 1 0;
}
.quickpay-provider-card[data-v-31be1250]:hover {
  transform: translateY(calc(-1 * var(--spacing-0)));
}
.quickpay-provider-card[data-v-31be1250]:hover .compass-button--tertiary {
  background-color: var(--colors-common-background-primary-lightest-alt);
  color: var(--colors-common-text-primary-hover);
}
.quickpay-provider-card__header[data-v-31be1250] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: var(--spacing-3);
}
.quickpay-provider-card__logo[data-v-31be1250] {
  height: 40px;
  width: 40px;
  object-fit: contain;
}
.quickpay-provider-card__name[data-v-31be1250] {
  width: 100%;
  margin: 0 0 var(--spacing-1);
  color: var(--colors-common-text-standard-default);
}
.quickpay-provider-card__description[data-v-31be1250] {
  width: 100%;
  margin: 0 0 var(--spacing-1);
  color: var(--colors-common-text-subtle-default);
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.quickpay-provider-card__configure-button[data-v-31be1250], .quickpay-provider-card__connect-button[data-v-31be1250] {
  width: 100%;
}

.quickpay-recommendation[data-v-2782bb8c] {
  min-height: 216px;
  display: flex;
  gap: var(--spacing-3);
  border: 1px solid var(--colors-common-border-darkest);
  border-radius: var(--spacing-1);
  overflow: hidden;
  position: relative;
  margin-bottom: var(--spacing-4);
}
.quickpay-recommendation__illustration[data-v-2782bb8c] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.quickpay-recommendation__banner-logo[data-v-2782bb8c] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease-in-out;
}
.quickpay-recommendation:hover .quickpay-recommendation__banner-logo[data-v-2782bb8c] {
  transform: scale(1.1);
}
.quickpay-recommendation__content[data-v-2782bb8c] {
  flex: 1;
  padding: 22px var(--spacing-6);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-2);
}
.quickpay-recommendation__title[data-v-2782bb8c] {
  margin: 0;
  color: var(--colors-common-text-standard-default);
}
.quickpay-recommendation__bullets[data-v-2782bb8c] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
}
.quickpay-recommendation__bullet[data-v-2782bb8c] {
  display: flex;
  align-items: center;
  gap: var(--spacing-0);
  color: var(--colors-common-text-standard-default);
}
.quickpay-recommendation__cta[data-v-2782bb8c] {
  align-self: stretch;
}
.quickpay-recommendation__close[data-v-2782bb8c] {
  position: absolute;
  top: var(--spacing-0);
  right: var(--spacing-0);
}

.quickpay-faq[data-v-6bd81160] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.quickpay-faq__header[data-v-6bd81160] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  color: var(--colors-common-text-standard-default);
}
.quickpay-faq__accordion[data-v-6bd81160] {
  padding: 0 var(--spacing-5);
}
.quickpay-faq__answer[data-v-6bd81160] {
  margin: 0;
  color: var(--colors-common-text-subtle-default);
}

.setup-provider-info-card[data-v-001b4be3] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  padding: var(--spacing-3);
  border: 1px solid var(--colors-common-border-default);
  border-radius: var(--spacing-1);
}
.setup-provider-info-card__header[data-v-001b4be3] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.setup-provider-info-card__title[data-v-001b4be3] {
  color: var(--colors-common-text-brand-secondary-blue);
}
.setup-provider-info-card__content[data-v-001b4be3] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-0);
}

.setup-provider-modal[data-v-0fe2129b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.setup-provider-modal__logos[data-v-0fe2129b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2);
}
.setup-provider-modal__logo[data-v-0fe2129b] {
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: var(--spacing-1);
}
.setup-provider-modal__arrow[data-v-0fe2129b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  color: var(--colors-common-text-subtle-default);
}
.setup-provider-modal__subtitle[data-v-0fe2129b] {
  text-align: center;
  margin: 0;
  color: var(--colors-common-text-subtle-default);
}
.setup-provider-modal__info-cards[data-v-0fe2129b] {
  display: flex;
  gap: var(--spacing-2);
  width: 100%;
}
.setup-provider-modal__fees-content[data-v-0fe2129b] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-2);
}
.setup-provider-modal__payout-text[data-v-0fe2129b] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.setup-provider-modal__info-card-value[data-v-0fe2129b] {
  color: var(--colors-common-text-standard-default);
}
.setup-provider-modal__info-card-footnote[data-v-0fe2129b] {
  color: var(--colors-common-text-standard-caption);
}

.quickpay-payment-partners__description[data-v-a41b95fd] {
  margin: 0 0 var(--spacing-3);
  color: var(--colors-common-text-standard-default);
}
.quickpay-payment-partners__list[data-v-a41b95fd] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-3);
  padding-bottom: var(--spacing-3);
}
.quickpay-payment-partners__expandable[data-v-a41b95fd] {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.3s ease 0.1s;
}
.quickpay-payment-partners__expandable--open[data-v-a41b95fd] {
  grid-template-rows: 1fr;
  overflow: visible;
  transition: grid-template-rows 0.3s ease;
}
.quickpay-payment-partners__expandable-content[data-v-a41b95fd] {
  min-height: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.quickpay-payment-partners__expandable--open .quickpay-payment-partners__expandable-content[data-v-a41b95fd] {
  opacity: 1;
  transition: opacity 0.2s ease 0.15s;
}
.quickpay-payment-partners__toggle[data-v-a41b95fd] {
  display: block;
  margin: 0 auto;
}
.recommendation-dismiss-leave-active[data-v-a41b95fd] {
  transition: opacity 0.25s ease, margin-bottom 0.3s ease 0.1s, max-height 0.3s ease 0.1s;
  max-height: 300px;
  overflow: hidden;
}
.recommendation-dismiss-leave-to[data-v-a41b95fd] {
  opacity: 0;
  max-height: 0;
  margin-bottom: 0;
}

.quickpay-preferences-loader__title[data-v-05015867] {
  width: 260px;
  margin-bottom: var(--spacing-3);
}
.quickpay-preferences-loader__group[data-v-05015867] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-6);
}
.quickpay-preferences-loader__group[data-v-05015867]:last-child {
  margin-bottom: var(--spacing-1);
}
.quickpay-preferences-loader__row[data-v-05015867] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.quickpay-preferences-loader__checkbox-icon[data-v-05015867] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.quickpay-preferences-loader__line[data-v-05015867] {
  flex: 1;
}

.quickpay-block-preferences[data-v-dabbe625] {
  margin-top: var(--spacing-4);
}
.quickpay-block-preferences__empty-state[data-v-dabbe625] {
  margin-top: var(--spacing-4);
}
.quickpay-block-preferences__section-title[data-v-dabbe625] {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-1);
}
.quickpay-block-preferences__section-description[data-v-dabbe625] {
  color: var(--colors-common-text-subtle-default);
  margin-bottom: var(--spacing-2);
}
.quickpay-block-preferences__alert[data-v-dabbe625] {
  margin-top: var(--spacing-4);
  margin-bottom: 0;
}

.switch-group[data-v-c38846a8] {
  display: flex;
  flex-direction: column;
}
.switch-group__item[data-v-c38846a8] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-3);
  padding: var(--spacing-2) 0;
}
.switch-group__item--divided[data-v-c38846a8] {
  border-bottom: 1px solid var(--colors-common-border-lighter);
}
.switch-group__content[data-v-c38846a8] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.switch-group__title[data-v-c38846a8] {
  margin: 0;
  color: var(--colors-common-text-standard-default);
}
.switch-group__description[data-v-c38846a8] {
  display: flex;
  margin: 0;
  color: var(--colors-common-text-subtle-default);
}
.switch-group__input[data-v-c38846a8] {
  display: flex;
  gap: var(--spacing-0);
}
.switch-group__premium-icon[data-v-c38846a8] {
  cursor: pointer;
}
.switch-group__link[data-v-c38846a8] {
  margin-left: var(--spacing-0);
}

.quickpay-block-payment-email-footer__preview-section[data-v-5328b0c7] {
  margin-top: var(--spacing-3);
}
.quickpay-block-payment-email-footer__preview-header[data-v-5328b0c7] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
  margin-bottom: var(--spacing-3);
  color: var(--colors-common-text-standard-caption);
}
.quickpay-block-payment-email-footer__email-mock[data-v-5328b0c7] {
  border: 2px dashed var(--colors-common-border-lighter);
  border-radius: var(--spacing-1);
  padding: var(--spacing-4);
}
.quickpay-block-payment-email-footer__skeleton[data-v-5328b0c7] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-4);
}
.quickpay-block-payment-email-footer__skeleton-line--short[data-v-5328b0c7] {
  width: 10%;
}

.quickpay-settings-right-sidebar__contact[data-v-386273c5] {
  display: flex;
  flex-direction: column;
}
@media (width < 1300px) {
.quickpay-settings-right-sidebar__contact[data-v-386273c5] {
    flex-direction: row;
}
}
@media (width < 1300px) {
.quickpay-settings-right-sidebar__contact-content[data-v-386273c5] {
    margin-left: var(--spacing-3);
}
}
.quickpay-settings-right-sidebar__contact-title[data-v-386273c5] {
  color: var(--colors-common-text-standard-default);
  margin-top: var(--spacing-2);
  margin-bottom: 0;
}
@media (width < 1300px) {
.quickpay-settings-right-sidebar__contact-title[data-v-386273c5] {
    margin-top: 0;
}
}
.quickpay-settings-right-sidebar__contact-description[data-v-386273c5] {
  color: var(--colors-common-text-standard-caption);
  margin: 0;
}
.quickpay-settings-right-sidebar__contact-cta[data-v-386273c5] {
  margin-top: var(--spacing-2);
  width: 100%;
}
.quickpay-settings-right-sidebar__faq[data-v-386273c5] {
  display: flex;
  flex-direction: column;
}
@media (width < 1300px) {
.quickpay-settings-right-sidebar__faq[data-v-386273c5] {
    flex-direction: row;
}
}
.quickpay-settings-right-sidebar__faq-thumbnail[data-v-386273c5] {
  margin-bottom: var(--spacing-2);
  max-width: 100%;
  width: 220px;
  border-radius: var(--spacing-0);
}
.quickpay-settings-right-sidebar__faq-thumbnail img[data-v-386273c5] {
  max-width: 100%;
}
@media (width < 1300px) {
.quickpay-settings-right-sidebar__faq-thumbnail[data-v-386273c5] {
    margin-bottom: 0;
    flex: 0 0 50%;
    height: 125px;
    overflow: hidden;
}
.quickpay-settings-right-sidebar__faq-thumbnail img[data-v-386273c5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
}
@media (width < 1300px) {
.quickpay-settings-right-sidebar__faq-content[data-v-386273c5] {
    margin-left: var(--spacing-3);
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
}
.quickpay-settings-right-sidebar__faq-title[data-v-386273c5] {
  color: var(--colors-common-text-brand-secondary-blue);
}

.layout-2-cols[data-v-c80ccfd3] {
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-4);
}
.layout-2-cols__content[data-v-c80ccfd3] {
  grid-column: span 9;
}
.layout-2-cols__sidebar-right[data-v-c80ccfd3] {
  grid-column: span 3;
}
@media (width < 1300px) {
.layout-2-cols__content[data-v-c80ccfd3] {
    grid-column: span 12;
}
.layout-2-cols__sidebar-right[data-v-c80ccfd3] {
    grid-column: span 12;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-4);
}
.layout-2-cols__sidebar-right[data-v-c80ccfd3] .card-container + .card-container {
    margin-top: 0;
}
}

.quickpay-block-payment-customization__settings[data-v-2bf3701f] {
  margin-bottom: var(--spacing-3);
}

.link-custom-entry-form .dialog__default {
  padding-bottom: 24px;
}
.link-custom-entry-form .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}


#compass-menu-container .doc-overview-context-menu {
    width: 200px !important;
    z-index: 4 !important;
}
.doc-overview-context-menu .compass-icon {
    cursor: pointer;
}


.table-margin .el-table__inner-wrapper {
  height: auto;
}

.table-margin .el-table__inner-wrapper {
  height: auto;
}

.dunning-alerts[data-v-d41cba63] {
  padding-bottom: var(--spacing-1);
}
.dunning-modal .dialog__default > p[data-v-d41cba63] {
  margin: 0;
}

.doc-cancel-by-credit-note .dialog__default[data-v-d0f6ba24] {
  padding-bottom: 24px;
}
.doc-cancel-by-credit-note .dialog__default p[data-v-d0f6ba24] {
  margin: 0;
}
.doc-cancel-by-credit-note .dialog__default p[data-v-d0f6ba24]:first-child {
  margin-bottom: var(--spacing-3);
}
.doc-cancel-by-credit-note .dialog__footer[data-v-d0f6ba24] {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}

.doc-change-by-credit-note .dialog__default {
  padding-bottom: 24px;
}
.doc-change-by-credit-note .dialog__default p {
  margin: 0;
}
.doc-change-by-credit-note .dialog__default p:first-child {
  margin-bottom: var(--spacing-3);
}
.doc-change-by-credit-note .dialog__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 32px 24px 32px;
}

.doc-edit-row-accounting-code .dialog__default[data-v-5814c26f] {
  padding-bottom: var(--spacing-4);
}
.doc-edit-row-accounting-code .dialog__default p[data-v-5814c26f] {
  margin-top: 0;
  margin-bottom: var(--spacing-3);
}
.doc-edit-row-accounting-code .dialog__default .el-form[data-v-5814c26f] {
  margin-bottom: 0;
}
.doc-edit-row-accounting-code .dialog__default .el-form-item[data-v-5814c26f] {
  margin-bottom: 0;
}
.doc-edit-row-accounting-code .dialog__default .el-form-item .select-account-code[data-v-5814c26f] {
  width: 480px;
}
.doc-edit-row-accounting-code .dialog__footer[data-v-5814c26f] {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-5) var(--spacing-4);
}

.doc-form-einvoicing-alert[data-v-30c7ced2] {
  margin-top: var(--spacing-1);
  max-width: 340px;
  min-width: 0;
  width: 100%;
}

.textAnnot[data-v-8c0ee88e] {
  white-space: normal;
}
.rich-text.annotations-list-item-richtext[data-v-8c0ee88e] {
  width: 100%;
}
.rich-text.annotations-list-item-richtext.reply[data-v-8c0ee88e] {
  margin: 0 0 var(--spacing-1) 0;
}
.annotationsInfos[data-v-8c0ee88e] {
  margin: 0 0 var(--spacing-3);
}

.annotations-tab .dialog__default[data-v-846ba3f0] {
  padding-bottom: var(--spacing-4);
}
.annotations-tab .dialog__default p[data-v-846ba3f0] {
  margin: 0 0 var(--spacing-3);
}
.annotations-tab .dialog__default ul[data-v-846ba3f0] {
  margin: 0;
}
.annotations-tab .dialog__footer[data-v-846ba3f0] {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--spacing-6) var(--spacing-4);
}
.annotations-tab__no-comments[data-v-846ba3f0], .annotations-tab__list[data-v-846ba3f0] {
  margin-top: var(--spacing-5);
}

.loader-with-fallback[data-v-d1ed38ef] {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-3);
  background: var(--colors-common-background-default);
}
.loader-with-fallback__message[data-v-d1ed38ef], .loader-with-fallback__fallback[data-v-d1ed38ef] {
  font-weight: bold;
  text-align: center;
  color: var(--colors-common-text-standard-default);
}

.document-email-page__header[data-v-0a6660b3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.document-email-page__header h2[data-v-0a6660b3] {
  margin: 0;
}

span[data-v-76fb88fe] {
  color: var(--colors-common-text-primary-default);
}

.hero-banner[data-v-cac55efc] {
  position: relative;
  display: flex;
  min-height: 194px;
  background-color: var(--colors-common-background-primary-default);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--colors-common-text-standard-on-color);
}
.hero-banner--text-left[data-v-cac55efc] {
  justify-content: flex-start;
}
.hero-banner--text-right[data-v-cac55efc] {
  justify-content: flex-end;
}
.hero-banner__content[data-v-cac55efc] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-2);
  flex: 0 0 60%;
  min-width: 0;
  box-sizing: border-box;
  padding: var(--spacing-6);
}
.hero-banner__title[data-v-cac55efc] {
  margin: 0;
  overflow-wrap: break-word;
}
.hero-banner__description[data-v-cac55efc] {
  margin: 0;
  max-width: 80%;
  overflow-wrap: break-word;
}
.hero-banner__actions[data-v-cac55efc] {
  display: flex;
  gap: var(--spacing-1);
  margin-top: var(--spacing-2);
}

.payment-online-landing[data-v-1e603425] {
  display: flex;
  flex-direction: column;
}
.payment-online-landing__body[data-v-1e603425] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-5);
  padding: var(--spacing-6);
}
.payment-online-landing__features[data-v-1e603425] {
  display: flex;
  width: 100%;
}
.payment-online-landing__feature[data-v-1e603425] {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-3);
  text-align: center;
}
.payment-online-landing__feature[data-v-1e603425]:not(:last-child)::after {
  content: "";
  position: absolute;
  top: var(--spacing-3);
  left: calc(50% + var(--spacing-3) + var(--spacing-5));
  width: calc(100% - 2 * (var(--spacing-3) + var(--spacing-5)));
  border-top: 1px dashed var(--colors-common-border-lighter);
}
.payment-online-landing__feature-text[data-v-1e603425] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  width: 184px;
}
.payment-online-landing__feature-title[data-v-1e603425] {
  margin: 0;
  color: var(--colors-common-text-standard-default);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}
.payment-online-landing__feature-description[data-v-1e603425] {
  margin: 0;
  color: var(--colors-common-text-standard-caption);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}
.payment-online-landing__non-admin-hint[data-v-1e603425], .payment-online-landing__cant-edit-hint[data-v-1e603425] {
  max-width: 480px;
  text-align: center;
  color: var(--colors-common-text-standard-caption);
  overflow-wrap: break-word;
}
.payment-online-landing__cta[data-v-1e603425] {
  align-self: center;
}

.tab-online-payment-loader__title[data-v-90c1136a] {
  width: 260px;
  margin-bottom: var(--spacing-3);
}
.tab-online-payment-loader__group[data-v-90c1136a] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  margin-bottom: var(--spacing-4);
}
.tab-online-payment-loader__section-title[data-v-90c1136a] {
  width: 160px;
  margin-bottom: var(--spacing-1);
}
.tab-online-payment-loader__section-description[data-v-90c1136a] {
  width: 100%;
  margin-bottom: var(--spacing-2);
}
.tab-online-payment-loader__row[data-v-90c1136a] {
  display: flex;
  align-items: center;
  gap: var(--spacing-1);
}
.tab-online-payment-loader__choice-icon[data-v-90c1136a] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.tab-online-payment-loader__line[data-v-90c1136a] {
  flex: 1;
}
.tab-online-payment-loader__alert[data-v-90c1136a] {
  margin-top: var(--spacing-3);
  width: 100%;
}

.tab-online-payment.tab-online-payment[data-v-6acdb431] {
  padding: 0;
  overflow: hidden;
}
.tab-online-payment[data-v-6acdb431] {
  width: 774px;
}
.tab-online-payment__padded[data-v-6acdb431] {
  padding: var(--spacing-4);
}
.tab-online-payment__divider[data-v-6acdb431] {
  border: none;
  border-top: 1px solid var(--colors-common-border-lighter);
  margin: var(--spacing-4) 0;
}
.tab-online-payment__section-title[data-v-6acdb431] {
  margin-top: var(--spacing-3);
  margin-bottom: var(--spacing-1);
}
.tab-online-payment__section-description[data-v-6acdb431] {
  color: var(--colors-common-text-subtle-default);
  margin-bottom: var(--spacing-2);
}
.tab-online-payment__warning[data-v-6acdb431] {
  margin-top: var(--spacing-2);
}
.tab-online-payment__provider-warning[data-v-6acdb431] {
  margin-top: var(--spacing-1);
}
.tab-online-payment__alert[data-v-6acdb431] {
  margin-top: var(--spacing-4);
  margin-bottom: 0;
}

[data-v-4bd3f523] .document-status-eip .compass-select {
  width: 100%;
}

.document-tag-wrapper__container {
  display: flex;
  gap: calc(var(--spacing-1) - 2px);
  left: 7px;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  z-index: 1;
}


path[data-v-806e3de5] {
    cursor: initial;
}


.settings-import h1[data-v-7e9a8e26] {
  line-height: 29px;
  margin-bottom: var(--spacing-4);
}
.settings-import h2[data-v-7e9a8e26] {
  line-height: var(--line-heights-24);
  margin-bottom: var(--spacing-3);
  margin-top: 0;
}
.settings-import h4[data-v-7e9a8e26] {
  margin: 0 0 var(--spacing-1) 0;
}
.settings-import p[data-v-7e9a8e26] {
  margin-top: 0 !important;
}
.settings-import .documentation-link[data-v-7e9a8e26] {
  color: var(--colors-common-text-standard-disabled);
  margin-bottom: var(--spacing-2);
  margin-top: var(--spacing-1);
}
.settings-import .advantages-block-container[data-v-7e9a8e26] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-5);
}
.settings-import .advantages-block-container .advantages-block[data-v-7e9a8e26] {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-1);
  padding: var(--spacing-1);
}
.settings-import .advantages-block-container .advantages-block div[data-v-7e9a8e26] {
  display: flex;
  flex-direction: column;
}
.settings-import .advantages-block-container .advantages-block h6[data-v-7e9a8e26] {
  line-height: var(--line-heights-16);
  margin: 0;
}
.settings-import .advantages-block-container .advantages-block p[data-v-7e9a8e26] {
  color: var(--colors-common-text-standard-disabled);
  font-size: var(--font-size-12);
  line-height: var(--line-heights-16);
  margin: 0;
}
.settings-import .start-import-block[data-v-7e9a8e26] {
  align-items: center;
  background-color: var(--colors-common-background-subtle);
  border-radius: var(--spacing-0);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-3);
  justify-content: space-between;
  margin-bottom: var(--spacing-4);
  padding: var(--spacing-3);
}
.settings-import .start-import-block .information-block[data-v-7e9a8e26] {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.settings-import .start-import-block .information-block div[data-v-7e9a8e26] {
  flex-direction: column;
  margin-left: var(--spacing-3);
  max-width: 590px;
}
.settings-import .start-import-block .information-block div h3[data-v-7e9a8e26] {
  line-height: var(--line-heights-24);
  margin: 0;
}
.settings-import .start-import-block .information-block div p[data-v-7e9a8e26] {
  margin: 0;
}
.compass-icon[data-v-7e9a8e26]  path {
  cursor: initial;
}

.tooltip-settings-import {
  white-space: pre-line;
}
.settings-import .preloader {
  position: fixed;
  right: 0;
  bottom: 0;
}

#compass-menu-container .staff-settings-table__actions-menu {
  width: 180px;
  z-index: 1000;
}

.twofa-card[data-v-0b133966] {
  display: grid;
  gap: var(--spacing-3);
  grid-template-columns: repeat(12, 1fr);
}
.twofa-card__information[data-v-0b133966] {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 0;
  grid-column: span 8;
}
.twofa-card__information-content[data-v-0b133966] {
  margin: 0 0 var(--spacing-3);
}
.twofa-card__information p[data-v-0b133966] {
  margin: 0;
}
.twofa-card__action[data-v-0b133966] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  grid-column: span 4;
}
.twofa-card__action p[data-v-0b133966] {
  margin: 0;
}
.twofa-card__action-info[data-v-0b133966] {
  border-radius: var(--spacing-1);
  padding: var(--spacing-3);
}
.twofa-card__action-info--is-disabled[data-v-0b133966] {
  background-color: var(--colors-common-background-subtle);
}
.twofa-card__action-info--is-enabled[data-v-0b133966] {
  background-color: var(--colors-common-background-success-subtle);
}
.twofa-card__action-info--is-scheduled[data-v-0b133966] {
  background-color: var(--colors-common-background-decorative-light-blue);
}
.twofa-card__action-info[data-v-0b133966] .compass-user {
  margin: 0 0 var(--spacing-0);
}
.twofa-card__action-info[data-v-0b133966] .compass-button {
  margin: var(--spacing-3) 0 0;
  width: 100%;
}
.staff-card__header[data-v-0b133966] {
  align-items: start;
  display: flex;
  gap: var(--spacing-3);
  justify-content: space-between;
}
.staff-card__content[data-v-0b133966] {
  margin: 0 0 var(--spacing-3);
}
.staff-card__content p[data-v-0b133966] {
  margin: 0;
}
.staff-settings-table__type[data-v-0b133966] {
  align-items: center;
  display: flex;
  gap: var(--spacing-1);
}
.staff-settings-table__check[data-v-0b133966] {
  color: var(--colors-common-icon-success);
}
.staff-settings-table__name[data-v-0b133966] {
  cursor: pointer;
  max-width: 250px;
  white-space: normal;
}
.staff-settings-table__name-container[data-v-0b133966] {
  display: flex;
  flex-direction: column;
}
.staff-settings-table__position[data-v-0b133966] {
  color: var(--colors-common-text-subtle-default);
}

.invoicing-display-settings-loader__line[data-v-dfa14c4e] {
  width: 200px;
}
.invoicing-display-settings-loader__square[data-v-dfa14c4e] {
  margin: 0 var(--spacing-4) 0 0;
}
.invoicing-display-settings-loader__fixed-width-cell[data-v-dfa14c4e] {
  white-space: nowrap;
  width: 1%;
}
.invoicing-display-settings-loader[data-v-dfa14c4e] .compass-table-body__row:hover {
  background-color: transparent;
}
.invoicing-display-settings-loader[data-v-dfa14c4e] .compass-table-body__row:hover td {
  background-color: transparent;
}

.invoicing-display-fields-table[data-v-53df01a2] .compass-pill {
  margin: 0 0 0 var(--spacing-3);
}
.invoicing-display-fields-table__fixed-width-cell[data-v-53df01a2] {
  white-space: nowrap;
  width: 1%;
}

.invoicing-display-settings__columns[data-v-9c80e09a] {
  align-items: start;
  display: flex;
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-4);
}
@media screen and (max-width: 1199px) {
.invoicing-display-settings__columns[data-v-9c80e09a] {
    align-items: stretch;
    flex-direction: column;
}
}
.invoicing-display-settings__columns[data-v-9c80e09a]  .card-container {
  flex: 0 1 50%;
  min-width: 0;
}
.invoicing-display-settings__columns[data-v-9c80e09a]  .card-container + .card-container {
  margin-top: 0;
}
.invoicing-display-settings__description[data-v-9c80e09a] {
  color: var(--colors-common-text-subtle-default);
  margin: 0 0 var(--spacing-3);
}
.invoicing-display-settings__actions[data-v-9c80e09a] {
  display: flex;
  justify-content: end;
  padding: var(--spacing-4) 0 0;
}
.invoicing-display-settings__staff-form-item[data-v-9c80e09a] {
  margin: var(--spacing-4) 0 0;
}
.invoicing-display-settings__staff-labels[data-v-9c80e09a] {
  align-items: center;
  display: flex;
  gap: var(--spacing-2);
}
.invoicing-display-settings__staff-labels[data-v-9c80e09a] .compass-select {
  max-width: 260px;
  width: 100%;
}
.invoicing-display-settings__table--margin[data-v-9c80e09a] {
  margin: 0 0 var(--spacing-4);
}
.invoicing-display-settings__table--margin-large[data-v-9c80e09a] {
  margin: 0 0 var(--spacing-5);
}
.invoicing-display-settings__number-form-item[data-v-9c80e09a] {
  margin: 0 0 var(--spacing-5);
}
.invoicing-display-settings__number-form-item p[data-v-9c80e09a] {
  color: var(--colors-common-text-subtle-default);
  margin: 0;
}
.invoicing-display-settings__number-form-item[data-v-9c80e09a] .compass-select {
  max-width: 260px;
  width: 100%;
}
.invoicing-display-settings__footer-alert[data-v-9c80e09a] {
  margin-top: var(--spacing-3);
}
.invoicing-display-settings__footer-title[data-v-9c80e09a] {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.invoicing-display-settings__footer-title .compass-button[data-v-9c80e09a] {
  margin-top: var(--spacing-0);
}

.settings-export-preference[data-v-2fa685d3] {
  max-width: 50%;
}
@media screen and (max-width: 1199px) {
.settings-export-preference[data-v-2fa685d3] {
    max-width: inherit;
}
}
.settings-export-preference__form[data-v-2fa685d3] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
}
.settings-export-preference__description[data-v-2fa685d3] {
  margin: 0;
}
.settings-export-preference__save-button[data-v-2fa685d3] {
  display: block;
  margin-left: auto;
}

.export-history__empty[data-v-7cf01d33] {
  color: var(--colors-neutral-500);
  margin: 0;
  padding: var(--spacing-4);
  text-align: center;
}
.export-history__header[data-v-7cf01d33] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 var(--spacing-3);
}
.export-history__header[data-v-7cf01d33] .heading {
  margin-bottom: 0;
}

.export-history-action-menu {
  z-index: 1000;
}