@charset "utf-8";

.viafoura .vf-icon-button--round-icon[data-v-5c97da70] { width: calc(2.6*var(--base-font-size, 0.625rem)); height: calc(2.6*var(--base-font-size, 0.625rem)); padding: calc(0.2*var(--base-font-size, 0.625rem)); position: relative; display: inline-flex; overflow: hidden; line-height: 0; border-radius: 50%; transition: border-color 0.15s, background-color 0.15s, fill 0.15s, stroke 0.15s; }

.viafoura .vf-icon-button--round-icon[data-v-5c97da70] .vf-icon-button--round-icon__icon { z-index: 1; width: 100%; height: 100%; }

.viafoura .vf-icon-button--round-icon--accent[data-v-5c97da70] { color: var(--dark-text-on-background-color, #000000); background-color: rgba(0, 0, 0, 0); border: 2px solid rgba(0, 0, 0, 0); }

.viafoura .vf-icon-button--round-icon--accent[data-v-5c97da70]:disabled { color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6)); }

.viafoura .vf-icon-button--round-icon--accent--hovered[data-v-5c97da70]:not([disabled]), .viafoura .vf-icon-button--round-icon--accent[data-v-5c97da70]:hover:not([disabled]), .viafoura .vf-icon-button--round-icon--accent[data-v-5c97da70]:focus:not([disabled]) { --background-color: var( --accent-color-10, rgba(0, 116, 232, 0.1) ); --light-text-on-background-color: var( --accent-color, #0074e8 ); --dark-text-on-background-color: var( --accent-color, #0074e8 ); background-color: var(--background-color, rgba(0, 116, 232, 0.1)); color: var(--light-text-on-background-color, #0074e8); border-color: rgba(0, 0, 0, 0); }

.viafoura .vf-icon-button--round-icon--accent[data-v-5c97da70]:focus:not([disabled]) { border-color: var(--accent-color, #0074e8); }

.viafoura .vf-icon-button--round-icon--accent--active[data-v-5c97da70]:not([disabled]), .viafoura .vf-icon-button--round-icon--accent--active[data-v-5c97da70]:not([disabled]):hover, .viafoura .vf-icon-button--round-icon--accent--active[data-v-5c97da70]:not([disabled]):focus { --background-color: var( --accent-color-20, rgba(0, 116, 232, 0.2) ); --light-text-on-background-color: var( --accent-color, #0074e8 ); --dark-text-on-background-color: var( --accent-color, #0074e8 ); background-color: var(--background-color, rgba(0, 116, 232, 0.2)); }

.viafoura .vf-icon-svg { display: inline-block; text-align: center; fill: none; stroke: none; }

.viafoura .vf-icon-svg--fill { fill: currentcolor; }

.viafoura .vf-icon-svg--stroke { stroke: currentcolor; }

.viafoura .vf-default-avatar { width: 100%; min-width: 100%; height: 100%; min-height: 100%; position: relative; border-radius: 50%; --default-avatar-color-0: #d4145a; --default-avatar-color-1: #8e78ff; --default-avatar-color-2: #ff7300; --default-avatar-color-3: #fbb03b; --default-avatar-color-4: #ed1e79; --default-avatar-color-5: #009244; --default-avatar-color-6: #ed1c24; --default-avatar-color-7: #2e3192; --default-avatar-color-8: #fc7d7b; --default-avatar-color-9: #ffcc00; --default-avatar-color-10: #3aa17e; --default-avatar-color-11: #4f00bc; --default-avatar-color-12: #09c9be; --default-avatar-color-13: #662d8c; --default-avatar-color-14: #00a8c5; --default-avatar-color-15: #0053ae; }

.viafoura .vf-image-wrapper { position: relative; width: 100%; height: 100%; }

.viafoura .vf-image-wrapper > img { min-width: 100%; max-width: initial; min-height: 100%; object-fit: cover; }

.viafoura .vf-image-wrapper .vf-overlay { position: absolute; top: 0px; display: block; width: 100%; height: 100%; transition: background-color 0.2s, opacity 0.2s; }

.viafoura .vf-image-wrapper .vf-overlay.vf-light-primary-palette { background-color: var(--primary-color-20, rgba(0, 0, 0, 0.2)); }

.viafoura .vf-image-wrapper .vf-overlay.vf-dark-primary-palette { background-color: var(--primary-color-60, rgba(0, 0, 0, 0.6)); }

.viafoura .vf-image-wrapper .vf-overlay.vf-accent-palette { background-color: var(--accent-color, #0074e8); opacity: 0.9; }

.viafoura .vf-image-wrapper .vf-overlay.vf-danger-palette { background-color: var(--error-color, #cc4949); opacity: 0.9; }

.viafoura .vf-image-wrapper.vf-crop { display: flex; flex-flow: column; place-content: stretch center; align-items: center; overflow: hidden; }

.viafoura .vf-image-wrapper.vf-crop > img { position: relative; width: auto; min-width: initial; height: 100%; }

.viafoura .vf-image-wrapper.vf-image-portrait.vf-crop > img { width: 100%; height: auto; min-height: initial; }

.viafoura .vf-image-wrapper.vf-image-round { border-radius: 50%; clip-path: circle(50%); }

.viafoura .vf-image-small { width: 25px; min-width: 25px; height: 25px; min-height: 25px; }

.viafoura .vf-image-tiny { width: 18px; min-width: 18px; height: 18px; min-height: 18px; }

.viafoura .vf-image-micro { width: 12px; min-width: 12px; height: 12px; min-height: 12px; }

.viafoura .vf-image-medium { width: 40px; min-width: 40px; height: 40px; min-height: 40px; }

@media (max-width: 480px) {
  .viafoura .vf-image-medium.vf-responsive { width: 25px; min-width: 25px; height: 25px; min-height: 25px; }
}

.viafoura .vf-image-large { width: 80px; min-width: 80px; height: 80px; min-height: 80px; }

@media (max-width: 480px) {
  .viafoura .vf-image-large.vf-responsive { width: 40px; min-width: 40px; height: 40px; min-height: 40px; }
}

.viafoura .vf-default-avatar__name[data-v-0da15ab8] { color: var(--text-on-primary-color, #ffffff); width: 100%; min-width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; padding-top: 1px; white-space: nowrap; text-transform: uppercase; text-shadow: 0 0 1.43em var(--primary-color-60, rgba(0, 0, 0, 0.6)); }

.viafoura .vf-avatar[data-v-0da15ab8] { position: relative; margin: 3px; }

.viafoura .vf-avatar__status-icon[data-v-0da15ab8] { background-color: var(--background-color, #ffffff); position: absolute; top: -3px; right: -3px; }

.viafoura .vf-avatar[data-v-0da15ab8] > * { z-index: 2; }

.viafoura .vf-avatar[data-v-0da15ab8]::after, .viafoura .vf-avatar[data-v-0da15ab8]::before { width: calc(100% + 6px); min-width: calc(100% + 6px); height: calc(100% + 6px); min-height: calc(100% + 6px); position: absolute; top: -3px; left: -3px; z-index: 1; display: block; border-radius: 50%; content: ""; }

.viafoura .vf-avatar[data-v-0da15ab8]::before { background: rgba(0, 0, 0, 0); }

.viafoura .vf-avatar[data-v-0da15ab8]::after { background-color: var(--accent-color-0, rgba(0, 116, 232, 0)); border: 0px solid rgba(0, 0, 0, 0); }

.viafoura .vf-avatar > .vf-avatar__inner[data-v-0da15ab8], .viafoura .vf-avatar[data-v-0da15ab8]::after { transition: border-width 0.1s, border-color 0.1s, transform 0.1s, background-color 0.1s; }

.viafoura .vf-avatar--outlined[data-v-0da15ab8]::before, .viafoura .vf-avatar--clickable[data-v-0da15ab8]:hover::before, .viafoura .vf-avatar--clickable[data-v-0da15ab8]:focus::before { background: rgb(255, 255, 255); }

.viafoura .vf-avatar--outlined[data-v-0da15ab8]::after, .viafoura .vf-avatar--clickable[data-v-0da15ab8]:hover::after, .viafoura .vf-avatar--clickable[data-v-0da15ab8]:focus::after { background-color: var(--background-color, #ffffff); }

.viafoura .vf-avatar[data-v-0da15ab8]:hover > *, .viafoura .vf-avatar[data-v-0da15ab8]:focus > *, .viafoura .vf-avatar[data-v-0da15ab8]:hover::after, .viafoura .vf-avatar[data-v-0da15ab8]:focus::after, .viafoura .vf-avatar--clickable--active[data-v-0da15ab8], .viafoura .vf-avatar--clickable--deactive[data-v-0da15ab8] { transition: border-width 0.1s, border-color 0.1s, transform 0.2s, background-color 0.1s; }

.viafoura .vf-avatar--clickable[data-v-0da15ab8]:hover::after { border-width: 2px; }

.viafoura .vf-avatar--clickable[data-v-0da15ab8]:focus::after, .viafoura .vf-avatar--clickable--active[data-v-0da15ab8]::after, .viafoura .vf-avatar--clickable--deactive[data-v-0da15ab8]::after { border-width: 3px; }

.viafoura .vf-avatar--outlined[data-v-0da15ab8]::after { border-width: 1px; }

.viafoura .vf-avatar--tiny[data-v-0da15ab8] { width: 18px; min-width: 18px; height: 18px; min-height: 18px; font-size: 0.625em; }

.viafoura .vf-avatar--tiny.vf-avatar--clickable:hover > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.888889); }

.viafoura .vf-avatar--tiny.vf-avatar--clickable:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.777778); }

.viafoura .vf-avatar--tiny.vf-avatar--clickable--active[data-v-0da15ab8]::after { border-width: 12px; }

.viafoura .vf-avatar--tiny.vf-avatar--clickable--active > .vf-avatar__inner[data-v-0da15ab8], .viafoura .vf-avatar--tiny.vf-avatar--clickable--active:hover > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.666667); }

.viafoura .vf-avatar--tiny.vf-avatar--clickable--active:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.555556); }

.viafoura .vf-avatar--small[data-v-0da15ab8] { width: 26px; min-width: 26px; height: 26px; min-height: 26px; font-size: 0.715em; }

.viafoura .vf-avatar--small.vf-avatar--clickable:hover > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.923077); }

.viafoura .vf-avatar--small.vf-avatar--clickable:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.846154); }

.viafoura .vf-avatar--small.vf-avatar--clickable--active[data-v-0da15ab8]::after { border-width: 16px; }

.viafoura .vf-avatar--small.vf-avatar--clickable--active > .vf-avatar__inner[data-v-0da15ab8], .viafoura .vf-avatar--small.vf-avatar--clickable--active:hover > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.769231); }

.viafoura .vf-avatar--small.vf-avatar--clickable--active:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.692308); }

.viafoura .vf-avatar--medium[data-v-0da15ab8] { width: 40px; min-width: 40px; height: 40px; min-height: 40px; font-size: 0.857em; }

.viafoura .vf-avatar--medium.vf-avatar--clickable:hover > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.95); }

.viafoura .vf-avatar--medium.vf-avatar--clickable:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.9); }

.viafoura .vf-avatar--medium.vf-avatar--clickable--active[data-v-0da15ab8]::after { border-width: 23px; }

.viafoura .vf-avatar--medium.vf-avatar--clickable--active > .vf-avatar__inner[data-v-0da15ab8], .viafoura .vf-avatar--medium.vf-avatar--clickable--active:hover > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.85); }

.viafoura .vf-avatar--medium.vf-avatar--clickable--active:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.8); }

.viafoura .vf-avatar--large[data-v-0da15ab8] { width: 60px; min-width: 60px; height: 60px; min-height: 60px; font-size: 1.43em; }

.viafoura .vf-avatar--large.vf-avatar--clickable:hover > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.966667); }

.viafoura .vf-avatar--large.vf-avatar--clickable:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.933333); }

.viafoura .vf-avatar--large.vf-avatar--clickable--active[data-v-0da15ab8]::after { border-width: 33px; }

.viafoura .vf-avatar--large.vf-avatar--clickable--active > .vf-avatar__inner[data-v-0da15ab8], .viafoura .vf-avatar--large.vf-avatar--clickable--active:hover > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.9); }

.viafoura .vf-avatar--large.vf-avatar--clickable--active:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.866667); }

.viafoura .vf-avatar--clickable--active[data-v-0da15ab8]::after, .viafoura .vf-avatar--clickable--active[data-v-0da15ab8]:hover::after, .viafoura .vf-avatar--clickable--active[data-v-0da15ab8]:focus::after { opacity: 0.7; }

.viafoura .vf-avatar--clickable--outlined--active > .vf-avatar__inner[data-v-0da15ab8], .viafoura .vf-avatar--clickable--outlined--active:hover > .vf-avatar__inner[data-v-0da15ab8], .viafoura .vf-avatar--clickable--outlined--active:focus > .vf-avatar__inner[data-v-0da15ab8] { transform: scale(0.8, 0.8) !important; }

.viafoura .vf-avatar--clickable[data-v-0da15ab8]:hover::after, .viafoura .vf-avatar--clickable[data-v-0da15ab8]:focus::after, .viafoura .vf-avatar--clickable--active[data-v-0da15ab8]::after, .viafoura .vf-avatar--clickable--deactive[data-v-0da15ab8]::after { border-color: var(--accent-color, #0074e8); }

.viafoura .vf-avatar__outline--accent[data-v-0da15ab8]::after { border-color: var(--accent-color-light, #007fff); }

.viafoura .vf-avatar__outline--light-primary[data-v-0da15ab8]::after { border-color: var(--primary-color-20, rgba(0, 0, 0, 0.2)); }

.viafoura .vf-avatar--clickable--active[data-v-0da15ab8]::after, .viafoura .vf-avatar--clickable--deactive[data-v-0da15ab8]::after { border-color: var(--accent-color-light, #007fff); }

.viafoura .vf-avatar__outline--mention[data-v-0da15ab8]::after, .viafoura .vf-avatar__outline--mention[data-v-0da15ab8]:hover::after, .viafoura .vf-avatar__outline--mention[data-v-0da15ab8]:focus::after { border-color: var(--mention-color-light, #1cbb98); }

.viafoura .vf-badge[data-v-2c5d8df2] { display: inline-block; min-width: auto; line-height: 1; white-space: nowrap; text-align: center; text-transform: uppercase; border: 1px solid rgba(0, 0, 0, 0); }

.viafoura .vf-badge--accent-color[data-v-2c5d8df2] { color: var(--text-on-accent-color, #ffffff); background-color: var(--accent-color, #0074e8); }

.viafoura .vf-badge--accent-color.vf-badge--outlined[data-v-2c5d8df2] { color: var(--accent-color, #0074e8); border-color: var(--accent-color-light, #007fff); background-color: rgba(0, 0, 0, 0); }

.viafoura .vf-badge--mention-color[data-v-2c5d8df2] { color: var(--text-on-mention-color, #ffffff); background-color: var(--mention-color, #14856c); }

.viafoura .vf-badge--mention-color.vf-badge--outlined[data-v-2c5d8df2] { color: var(--mention-color, #14856c); border-color: var(--mention-color-light, #1cbb98); background-color: rgba(0, 0, 0, 0); }

.viafoura .vf-badge--warning-color[data-v-2c5d8df2] { color: var(--text-on-warning-color, #ffffff); background-color: var(--warning-color, #b95000); }

.viafoura .vf-badge--warning-color.vf-badge--outlined[data-v-2c5d8df2] { color: var(--warning-color, #b95000); border-color: var(--warning-color-light, #ff8f39); background-color: rgba(0, 0, 0, 0); }

.viafoura .vf-badge--error-color[data-v-2c5d8df2] { color: var(--text-on-error-color, #ffffff); background-color: var(--error-color, #cc4949); }

.viafoura .vf-badge--error-color.vf-badge--outlined[data-v-2c5d8df2] { color: var(--error-color, #cc4949); border-color: var(--error-color-light, #d77171); background-color: rgba(0, 0, 0, 0); }

.viafoura .vf-badge--light-primary-color[data-v-2c5d8df2] { color: var(--primary-color-60, rgba(0, 0, 0, 0.6)); background-color: var(--primary-color-10, rgba(0, 0, 0, 0.1)); }

.viafoura .vf-badge--light-primary-color.vf-badge--outlined[data-v-2c5d8df2] { color: var(--primary-color-10, rgba(0, 0, 0, 0.1)); border-color: var(--primary-color-30, rgba(0, 0, 0, 0.3)); background-color: rgba(0, 0, 0, 0); }

.viafoura .vf-badge--dark-primary-color[data-v-2c5d8df2] { color: var(--text-on-primary-color, #ffffff); background-color: var(--primary-color-60, rgba(0, 0, 0, 0.6)); }

.viafoura .vf-badge--dark-primary-color.vf-badge--outlined[data-v-2c5d8df2] { color: var(--primary-color-60, rgba(0, 0, 0, 0.6)); border-color: var(--primary-color-30, rgba(0, 0, 0, 0.3)); background-color: rgba(0, 0, 0, 0); }

.viafoura .vf-badge--disabled[data-v-2c5d8df2] { color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6)); background-color: var(--primary-color-10, rgba(0, 0, 0, 0.1)); }

.viafoura .vf-badge--disabled.vf-badge--outlined[data-v-2c5d8df2] { color: var(--primary-color-60, rgba(0, 0, 0, 0.6)); border-color: var(--primary-color-30, rgba(0, 0, 0, 0.3)); background-color: rgba(0, 0, 0, 0); }

.viafoura .vf-dropdown-button[data-v-68381651] { min-height: calc(2.6*var(--base-font-size, 0.625rem)); display: flex; align-items: center; white-space: nowrap; border-style: solid; border-width: 2px; border-radius: 2px; transition: border-color 0.15s, background-color 0.15s, fill 0.15s, stroke 0.15s; }

.viafoura .vf-dropdown-button--small[data-v-68381651] { padding: calc(0.2*var(--base-font-size, 0.625rem)); }

.viafoura .vf-dropdown-button--medium[data-v-68381651] { padding: calc(0.6*var(--base-font-size, 0.625rem)) calc(0.8*var(--base-font-size, 0.625rem)); }

.viafoura .vf-dropdown-button__text[data-v-68381651] { position: relative; flex-grow: 1; text-align: left; margin: 0 calc(0.5*var(--base-font-size, 0.625rem)); }

.viafoura .vf-dropdown-button[data-v-68381651] .vf-dropdown-button__icon { margin-right: calc(0.7*var(--base-font-size, 0.625rem)); width: calc(1.8*var(--base-font-size, 0.625rem)); height: calc(1.8*var(--base-font-size, 0.625rem)); }

.viafoura .vf-dropdown-button--icon-right[data-v-68381651] .vf-dropdown-button__icon { margin-left: calc(0.7*var(--base-font-size, 0.625rem)); margin-right: 0px; }

.viafoura .vf-dropdown-button--small[data-v-68381651] .vf-dropdown-button__icon { margin: 0px; }

.viafoura .vf-dropdown-button--icon-right[data-v-68381651] .vf-dropdown-button__text { order: -1; text-align: right; }

.viafoura .vf-dropdown-button--accent[data-v-68381651] { color: var(--dark-text-on-background-color, #000000); border-color: var(--background-color, #ffffff); background-color: var(--background-color, #ffffff); }

.viafoura .vf-dropdown-button--accent--hovered[data-v-68381651]:not([disabled]), .viafoura .vf-dropdown-button--accent[data-v-68381651]:not([disabled]):focus, .viafoura .vf-dropdown-button--accent[data-v-68381651]:not([disabled]):hover { border-color: rgba(0, 0, 0, 0); color: var(--accent-color-dark, #004e9c); background-color: var(--accent-color-10, rgba(0, 116, 232, 0.1)); }

.viafoura .vf-dropdown-button--accent--hovered[data-v-68381651]:not([disabled]) .vf-dropdown-button__icon, .viafoura .vf-dropdown-button--accent[data-v-68381651]:not([disabled]):focus .vf-dropdown-button__icon, .viafoura .vf-dropdown-button--accent[data-v-68381651]:not([disabled]):hover .vf-dropdown-button__icon { color: var(--accent-color, #0074e8); }

.viafoura .vf-dropdown-button--accent[data-v-68381651]:not([disabled]):focus { border-color: var(--accent-color, #0074e8); }

.viafoura .vf-dropdown-button--accent[disabled][data-v-68381651] { color: var(--primary-color-20, rgba(0, 0, 0, 0.2)); cursor: default; }

.viafoura .vf-dropdown-button--accent--active[data-v-68381651]:not([disabled]), .viafoura .vf-dropdown-button--accent--active[data-v-68381651]:not([disabled]):hover, .viafoura .vf-dropdown-button--accent--active[data-v-68381651]:not([disabled]):focus { background-color: var(--accent-color-20, rgba(0, 116, 232, 0.2)); }

.viafoura .vf-pill-badge[data-v-04f7a6e3] { border-radius: calc(1*var(--base-font-size, 0.625rem)); padding: calc(0.2*var(--base-font-size, 0.625rem)) calc(1*var(--base-font-size, 0.625rem)); }

.viafoura .vf-expanding-hover-light::before { border-color: var(--accent-color-light, #007fff); position: absolute; bottom: 0px; left: 50%; width: 0px; border-bottom-width: 2px; border-bottom-style: solid; transform: translate(-50%, 50%); transition: width 0.2s; content: ""; }

.viafoura .vf-expanding-hover-light:hover::before, .viafoura .vf-expanding-hover-light:focus::before, .viafoura .vf-expanding-hover-light:focus-within::before, .viafoura .vf-expanding-hover-light.vf-active::before { width: 100% !important; }

.viafoura .vf-dropdown-wrapper.vf-tooltip { border-radius: 3px; visibility: visible; opacity: 1; }

.viafoura .vf-dropdown-wrapper.vf-tooltip::before { visibility: visible; opacity: 1; }

.viafoura .vf-dropdown-wrapper.vf-tooltip .vf-tooltip-content.vf-scroll { max-height: 250px; overflow: hidden auto; }

.viafoura .vf-dropdown-trigger { padding: 1em 0px; }

.viafoura .vf-dropdown { position: relative; display: inline-block; }

.viafoura .vf-dropdown::before { z-index: 2; width: 10px; height: 10px; visibility: hidden; opacity: 0; transition: opacity, visibility; }

.viafoura .vf-dropdown.vf-dropdown--is-open::before { transition-delay: 0s, 0s; visibility: visible !important; opacity: 1 !important; }

.viafoura .vf-dropdown.vf-bottom::before, .viafoura .vf-dropdown.vf-bottom-left::before, .viafoura .vf-dropdown.vf-bottom-right::before { bottom: calc(-15px); left: 50%; transform: translateX(-50%) rotate(45deg); }

.viafoura .vf-dropdown.vf-top::before, .viafoura .vf-dropdown.vf-top-left::before, .viafoura .vf-dropdown.vf-top-right::before { top: calc(-15px); left: 50%; transform: translateX(-50%) rotate(-135deg); }

.viafoura .vf-dropdown.vf-left::before, .viafoura .vf-dropdown.vf-left-top::before, .viafoura .vf-dropdown.vf-left-bottom::before { bottom: 50%; left: calc(-15px); transform: translateY(50%) rotate(135deg); }

.viafoura .vf-dropdown.vf-right::before, .viafoura .vf-dropdown.vf-right-bottom::before, .viafoura .vf-dropdown.vf-right-top::before { right: calc(-15px); bottom: 50%; transform: translateY(50%) rotate(-45deg); }

.viafoura .vf-dropdown .vf-tooltip { position: absolute; display: block; }

.viafoura .vf-dropdown.vf-bottom > .vf-tooltip { top: 100%; left: 50%; min-width: 100%; transform: translateX(-50%); }

.viafoura .vf-dropdown.vf-bottom-left > .vf-tooltip { top: 100%; right: 0px; min-width: 100%; }

.viafoura .vf-dropdown.vf-bottom-right > .vf-tooltip { top: 100%; left: 0px; min-width: 100%; }

.viafoura .vf-dropdown.vf-top > .vf-tooltip { bottom: 100%; left: 50%; min-width: 100%; transform: translateX(-50%); }

.viafoura .vf-dropdown.vf-top-left > .vf-tooltip { right: 0px; bottom: 100%; min-width: 100%; }

.viafoura .vf-dropdown.vf-top-right > .vf-tooltip { bottom: 100%; left: 0px; min-width: 100%; }

.viafoura .vf-dropdown.vf-left > .vf-tooltip { top: 50%; right: 100%; transform: translateY(-50%); }

.viafoura .vf-dropdown.vf-left-top > .vf-tooltip { right: 100%; bottom: 0px; }

.viafoura .vf-dropdown.vf-left-bottom > .vf-tooltip { top: 0px; right: 100%; }

.viafoura .vf-dropdown.vf-right > .vf-tooltip { top: 50%; left: 100%; transform: translateY(-50%); }

.viafoura .vf-dropdown.vf-right-bottom > .vf-tooltip { top: 0px; left: 100%; }

.viafoura .vf-dropdown.vf-right-top > .vf-tooltip { bottom: 0px; left: 100%; }

.viafoura .vf-dropdown.vf-bottom > .vf-tooltip, .viafoura .vf-dropdown.vf-bottom-left > .vf-tooltip, .viafoura .vf-dropdown.vf-bottom-right > .vf-tooltip { padding-top: 10px; }

.viafoura .vf-dropdown.vf-top > .vf-tooltip, .viafoura .vf-dropdown.vf-top-left > .vf-tooltip, .viafoura .vf-dropdown.vf-top-right > .vf-tooltip { padding-bottom: 10px; }

.viafoura .vf-dropdown.vf-left > .vf-tooltip, .viafoura .vf-dropdown.vf-left-bottom > .vf-tooltip, .viafoura .vf-dropdown.vf-left-top > .vf-tooltip { padding-right: 10px; }

.viafoura .vf-dropdown.vf-right > .vf-tooltip, .viafoura .vf-dropdown.vf-right-bottom > .vf-tooltip, .viafoura .vf-dropdown.vf-right-top > .vf-tooltip { padding-left: 10px; }

.viafoura .vf-dropdown::before, .viafoura .vf-dropdown-wrapper { --background-color: var( --default-color, #ffffff ); --light-text-on-background-color: var( --light-text-on-default-color, rgba(0, 0, 0, 0.6) ); --dark-text-on-background-color: var( --dark-text-on-default-color, #000000 ); }

.viafoura .vf-dropdown-trigger[disabled] { opacity: 0.5; }

.viafoura .vf-dropdown__text-trigger { padding: 5px; border-radius: 3px; transition: background-color 0.2s; }

.viafoura .vf-dropdown__text-trigger:not([disabled]):hover, .viafoura .vf-dropdown__text-trigger:not([disabled]):focus { background-color: var(--accent-color-10, rgba(0, 116, 232, 0.1)); }

.viafoura .vf-dropdown.focused > .vf-dropdown__text-trigger { background-color: var(--accent-color-10, rgba(0, 116, 232, 0.1)); }

.viafoura .vf-dropdown-list__accent-hover-button:not([disabled]):focus, .viafoura .vf-dropdown-list__accent-hover-button:not([disabled]):hover { color: var(--accent-color-dark, #004e9c); background-color: var(--accent-color-10, rgba(0, 116, 232, 0.1)); }

.viafoura .vf-dropdown-list__accent-hover-button:not([disabled]):focus .vf-icon, .viafoura .vf-dropdown-list__accent-hover-button:not([disabled]):hover .vf-icon { fill: var(--accent-color-dark, #004e9c); stroke: var(--accent-color-dark, #004e9c); }

.viafoura .vf-dropdown-list__accent-hover-button[disabled] { color: var(--primary-color-20, rgba(0, 0, 0, 0.2)); cursor: default; }

.viafoura .vf-tooltip-content { color: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6)); background-color: var(--background-color, #ffffff); border-color: var(--primary-color-10, rgba(0, 0, 0, 0.1)); width: 100%; height: 100%; border-style: solid; border-width: 1px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px, rgba(0, 0, 0, 0.15) 0px 3px 6px 0px; }

.viafoura .vf-dropdown::before { position: absolute; z-index: 3; border-top-width: 1px; border-top-style: solid; border-left-width: 1px; border-left-style: solid; content: " "; background-color: var(--background-color, #ffffff); border-left-color: var(--primary-color-10, rgba(0, 0, 0, 0.1)); border-top-color: var(--primary-color-10, rgba(0, 0, 0, 0.1)); }

.viafoura .vf-dropdown__list-item > * { width: 100%; line-height: 1; white-space: nowrap; }

.viafoura .vf-dropdown__list { position: relative; z-index: 2; align-items: stretch; padding: 7px; background-color: var(--background-color, #ffffff); }

.viafoura .vf-dropdown__list-item-button { display: flex; align-items: center; border-radius: 3px; }

.viafoura .vf-dropdown__list-item-button .vf-icon { vertical-align: text-top; fill: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6)); stroke: var(--light-text-on-background-color, rgba(0, 0, 0, 0.6)); }

.viafoura .vf-icon-mod[data-v-f3334efe] { min-width: 18px; border-radius: 50%; color: var(--text-on-moderator-color, #ffffff); background-color: var(--moderator-color, #64a159); }