nav[data-v-4f71c109]::-webkit-scrollbar {
    display: none;
}
.app-tab-panels[data-v-4f71c109] {
    overflow-x: auto;
}

.skeleton[data-v-e89221a9] {
    background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
    background-size: 400% 100%;
    border-radius: 4px;
    display: block;
}
.skeleton--animated[data-v-e89221a9] {
    animation: skeleton-shimmer-e89221a9 1.5s ease-in-out infinite;
}
.is-centered[data-v-e89221a9] {
    margin-left: auto;
    margin-right: auto;
}
@keyframes skeleton-shimmer-e89221a9 {
0% {
      background-position: 100% 50%;
}
100% {
      background-position: 0% 50%;
}
}

.slide-enter-active[data-v-c8316262],
  .slide-leave-active[data-v-c8316262] {
    transition: all 0.25s ease;
    overflow: hidden;
}
.slide-enter-from[data-v-c8316262],
  .slide-leave-to[data-v-c8316262] {
    opacity: 0;
    max-height: 0;
}
.slide-enter-to[data-v-c8316262],
  .slide-leave-from[data-v-c8316262] {
    opacity: 1;
    max-height: 2000px;
}

.fade-enter-active[data-v-4441f2bb],
  .fade-leave-active[data-v-4441f2bb] {
    transition: opacity 0.18s ease;
}
.fade-enter-from[data-v-4441f2bb],
  .fade-leave-to[data-v-4441f2bb] {
    opacity: 0;
}

[data-v-8d763a91] .filepond--root {
    font-size: 12px;
}
[data-v-8d763a91] .filepond--drop-label {
    min-height: 7rem;
    border-radius: 0.125rem;
    color: #6b7280;
    cursor: pointer;
    transition:
      border-color 0.15s ease,
      background-color 0.15s ease,
      box-shadow 0.15s ease;
}
[data-v-8d763a91] .filepond--root:focus-within .filepond--drop-label {
    border-color: rgb(var(--color-primary-500, 139 92 246));
    box-shadow: 0 0 0 2px rgb(var(--color-primary-100, 237 233 254));
}
[data-v-8d763a91] .filepond--panel-root {
    border-radius: 0.125rem;
    background: transparent;
}
.attachment-hint[data-v-8d763a91] {
    display: block;
    font-weight: 500;
    font-size: 0.75rem;   
    color: #6b7280;       
    margin-top: 2px;
    margin-bottom: 8px;
}
[data-v-8d763a91] .filepond--drop-label label {
    width: 100%;
    min-height: 120px;
    padding: 1.5rem;
    cursor: pointer;
}
  /*
  * Validation error state.
  */
.has-error[data-v-8d763a91] .filepond--panel-root {
    border-color: rgb(var(--color-rose-500, 239 68 68));

    background-color: #fffafa;
}
.has-error[data-v-8d763a91] .filepond--root:focus-within .filepond--panel-root {
    border-color: rgb(var(--color-rose-500, 239 68 68));
    box-shadow: 0 0 0 3px rgb(var(--color-rose-100, 254 226 226));
}

input[type='tel'][data-v-111f5ed5] {
    border: none;
    box-shadow: none;
}
input[type='tel'][data-v-111f5ed5]:focus,
  input[type='tel'][data-v-111f5ed5]:focus-visible {
    outline: none;
    box-shadow: none;
    border: none;
}

.cls-221 {
    color: inherit;
}

.base-slider-field__wrapper[data-v-2b0c3dfd] {
    --base-slider-active: var(--primary, #4f008c);
    --base-slider-track: #e5e7eb;
    --base-slider-thumb-size: 1.25rem;
    --base-slider-track-height: 0.5rem;

    position: relative;
    width: 100%;
    height: var(--base-slider-thumb-size);
}
.base-slider-field--small[data-v-2b0c3dfd] {
    --base-slider-thumb-size: 1rem;
    --base-slider-track-height: 0.35rem;
}
.base-slider-field--medium[data-v-2b0c3dfd] {
    --base-slider-thumb-size: 1.25rem;
    --base-slider-track-height: 0.5rem;
}
.base-slider-field--large[data-v-2b0c3dfd] {
    --base-slider-thumb-size: 1.5rem;
    --base-slider-track-height: 0.65rem;
}
.base-slider-field--primary[data-v-2b0c3dfd],
  .base-slider-field--primary-color[data-v-2b0c3dfd] {
    --base-slider-active: var(--primary, #4f008c);
}
.base-slider-field--info[data-v-2b0c3dfd] {
    --base-slider-active: #3b82f6;
}
.base-slider-field--success[data-v-2b0c3dfd] {
    --base-slider-active: #10b981;
}
.base-slider-field--warning[data-v-2b0c3dfd] {
    --base-slider-active: #f59e0b;
}
.base-slider-field--danger[data-v-2b0c3dfd] {
    --base-slider-active: #f43f5e;
}
.base-slider-field__track[data-v-2b0c3dfd] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: var(--base-slider-track-height);
    background: var(--base-slider-track);
    border-radius: 9999px;
    transform: translateY(-50%);
    pointer-events: none;
}
.base-slider-field--rounded .base-slider-field__track[data-v-2b0c3dfd],
  .base-slider-field--rounded .base-slider-field__fill[data-v-2b0c3dfd] {
    border-radius: 9999px;
}
.base-slider-field__fill[data-v-2b0c3dfd] {
    position: absolute;
    top: 0;
    height: 100%;
    background: var(--base-slider-active);
    border-radius: 9999px;
}
.base-slider-field__tick[data-v-2b0c3dfd] {
    position: absolute;
    top: 50%;
    width: 3px;
    height: 3px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 9999px;
    transform: translate(-50%, -50%);
}
.base-slider-field__range[data-v-2b0c3dfd] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: transparent;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    pointer-events: auto;
}
.base-slider-field--range .base-slider-field__range[data-v-2b0c3dfd] {
    pointer-events: none;
}
.base-slider-field--range .base-slider-field__range[data-v-2b0c3dfd]::-webkit-slider-thumb {
    pointer-events: auto;
}
.base-slider-field--range .base-slider-field__range[data-v-2b0c3dfd]::-moz-range-thumb {
    pointer-events: auto;
}
.base-slider-field__range--top[data-v-2b0c3dfd] {
    z-index: 2;
}
.base-slider-field__range[data-v-2b0c3dfd]:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}
.base-slider-field--disabled[data-v-2b0c3dfd] {
    cursor: not-allowed;
    opacity: 0.7;
}
.base-slider-field__range[data-v-2b0c3dfd]::-webkit-slider-runnable-track {
    height: 100%;
    background: transparent;
    border: none;
}
.base-slider-field__range[data-v-2b0c3dfd]::-moz-range-track {
    height: 100%;
    background: transparent;
    border: none;
}
.base-slider-field__range[data-v-2b0c3dfd]::-webkit-slider-thumb {
    width: var(--base-slider-thumb-size);
    height: var(--base-slider-thumb-size);
    border: 3px solid var(--base-slider-active);
    border-radius: 9999px;
    background: #ffffff;
    box-shadow: 0 1px 4px rgb(15 23 42 / 0.2);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    margin-top: 0;
    -webkit-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
}
.base-slider-field__range[data-v-2b0c3dfd]::-moz-range-thumb {
    width: var(--base-slider-thumb-size);
    height: var(--base-slider-thumb-size);
    border: 3px solid var(--base-slider-active);
    border-radius: 9999px;
    background: #ffffff;
    box-shadow: 0 1px 4px rgb(15 23 42 / 0.2);
    cursor: pointer;
    -moz-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
}
.base-slider-field--bigger-focus .base-slider-field__range[data-v-2b0c3dfd]:focus::-webkit-slider-thumb {
    transform: scale(1.2);
}
.base-slider-field--bigger-focus .base-slider-field__range[data-v-2b0c3dfd]:focus::-moz-range-thumb {
    transform: scale(1.2);
}
.base-slider-field__tooltip[data-v-2b0c3dfd] {
    position: absolute;
    bottom: calc(100% + 0.35rem);
    padding: 2px 8px;
    background: var(--base-slider-active);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 4px;
    white-space: nowrap;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}
.base-slider-field__tooltip--rtl[data-v-2b0c3dfd] {
    transform: translateX(50%);
}
.base-slider-field__tooltip--visible[data-v-2b0c3dfd] {
    opacity: 1;
}
.base-slider-field__indicator[data-v-2b0c3dfd] {
    position: absolute;
    top: calc(100% + 0.25rem);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--base-slider-active);
    transform: translateX(-50%);
    pointer-events: none;
    white-space: nowrap;
}
.base-slider-field__indicator--rtl[data-v-2b0c3dfd] {
    transform: translateX(50%);
}
.base-slider-field__money-input[readonly][data-v-2b0c3dfd]::-webkit-outer-spin-button,
  .base-slider-field__money-input[readonly][data-v-2b0c3dfd]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.base-slider-field__money-input[readonly][data-v-2b0c3dfd] {
    -moz-appearance: textfield;
}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
[data-v-724c9015],[data-v-724c9015]:before,[data-v-724c9015]:after,[data-v-724c9015]::backdrop {
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-font-weight: initial;
}
}
}
.tb-btn[data-v-724c9015] {
  cursor: pointer;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  width: 34px;
  height: 34px;
  color: var(--gray-400);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .15s;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  background-color: #0000;
  border-width: 0;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  transition-duration: .15s;
  display: inline-flex;
}
@media (hover: hover) {
.tb-btn[data-v-724c9015]:hover {
    background-color: var(--brand-50);
    color: var(--brand-500);
}
}
.tb-btn[data-v-724c9015]:disabled {
  cursor: not-allowed;
  opacity: .35;
}
.tb-btn[data-v-724c9015]:is(.dark *) {
  color: var(--gray-500);
}
@media (hover: hover) {
.tb-btn[data-v-724c9015]:is(.dark *):hover {
    background-color: var(--gray-700);
    color: var(--brand-300);
}
}
.tb-btn.is-active[data-v-724c9015] {
  background-color: var(--brand-50);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--brand-500);
}
.tb-btn.is-active[data-v-724c9015]:is(.dark *) {
  background-color: var(--gray-700);
  color: var(--brand-300);
}
.tb-select[data-v-724c9015] {
  cursor: pointer;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--stroke-tertiary);
  background-color: var(--white);
  max-width: 110px;
  height: 34px;
  padding-inline: calc(var(--spacing, .25rem) * 1.5);
  font-size: var(--font-size-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));
  color: var(--gray-800);
  --tw-outline-style: none;
  outline-style: none;
}
.tb-select[data-v-724c9015]:focus {
  border-color: var(--brand-500);
}
.tb-select[data-v-724c9015]:is(.dark *) {
  border-color: var(--gray-700);
  background-color: var(--gray-800);
  color: var(--gray-200);
}
.tb-divider[data-v-724c9015] {
  margin-inline: var(--spacing, .25rem);
  background-color: var(--stroke-tertiary);
  flex-shrink: 0;
  width: 1px;
  height: 22px;
  display: inline-block;
}
.tb-divider[data-v-724c9015]:is(.dark *) {
  background-color: var(--gray-700);
}
.tb-color-btn[data-v-724c9015] {
  cursor: pointer;
  border-radius: var(--radius-md);
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
.tb-color-btn[data-v-724c9015]:hover {
    background-color: var(--brand-50);
}
.tb-color-btn[data-v-724c9015]:is(.dark *):hover {
    background-color: var(--gray-700);
}
}
.tb-menu-item[data-v-724c9015] {
  cursor: pointer;
  border-style: var(--tw-border-style);
  width: 100%;
  height: auto;
  padding-inline: calc(var(--spacing, .25rem) * 3);
  padding-block: calc(var(--spacing, .25rem) * 1.5);
  text-align: start;
  font-size: var(--font-size-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
  color: var(--gray-700);
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
}
@media (hover: hover) {
.tb-menu-item[data-v-724c9015]:hover {
    background-color: var(--brand-50);
    color: var(--brand-500);
}
}
.tb-menu-item[data-v-724c9015]:is(.dark *) {
  color: var(--gray-300);
}
@media (hover: hover) {
.tb-menu-item[data-v-724c9015]:is(.dark *):hover {
    background-color: var(--gray-700);
    color: var(--brand-300);
}
}
[data-v-724c9015] .ProseMirror {
  --tw-outline-style: none;
  outline-style: none;
  min-height: 140px;
}
[data-v-724c9015] .ProseMirror p.is-editor-empty:first-child::before {
  pointer-events: none;
  float: left;
  height: 0;
  color: var(--gray-400);
  content: attr(data-placeholder);
}
[data-v-724c9015] .ProseMirror blockquote {
  border-inline-start-style: var(--tw-border-style);
  border-inline-start-width: 3px;
  border-color: var(--brand-500);
}
[data-v-724c9015] .ProseMirror a {
  color: var(--brand-500);
  text-decoration-line: underline;
}
[data-v-724c9015] .ProseMirror .selectedCell {
  background-color: var(--brand-50);
}
[data-v-724c9015] .ProseMirror th {
  background-color: var(--brand-50);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--brand-700);
}
[data-v-724c9015] .ProseMirror ul[data-type="taskList"] {
  padding-inline-start: calc(var(--spacing, .25rem) * 2);
  list-style-type: none;
}
[data-v-724c9015] .ProseMirror ul[data-type="taskList"] li {
  align-items: flex-start;
  gap: calc(var(--spacing, .25rem) * 2);
  display: flex;
}
[data-v-724c9015] .ProseMirror ul[data-type="taskList"] li input[type="checkbox"] {
  margin-top: calc(var(--spacing, .25rem) * .5);
  accent-color: var(--brand-500);
  flex-shrink: 0;
}
[data-v-724c9015] .ProseMirror .youtube-wrapper {
  margin-block: calc(var(--spacing, .25rem) * 2);
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;

  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none;
}
.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}
.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset);
}
.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset);
}
.vc-popover-caret {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.vc-popover-caret.direction-bottom {
    top: 0;
}
.vc-popover-caret.direction-bottom.align-left {
      transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-center {
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-right {
      transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-top {
    top: 100%;
}
.vc-popover-caret.direction-top.align-left {
      transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-center {
      transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-right {
      transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-left {
    left: 100%;
}
.vc-popover-caret.direction-left.align-top {
      transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-middle {
      transform: translateY(-50%) translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-bottom {
      transform: translateX(-50%) rotate(135deg);
}
.vc-popover-caret.direction-right {
    left: 0;
}
.vc-popover-caret.direction-right.align-top {
      transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-middle {
      transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-bottom {
      transform: translateX(-50%) rotate(-45deg);
}
.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-center {
    left: 50%;
}
.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset);
}
.vc-popover-caret.align-middle {
    top: 50%;
}
.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset);
}

.vc-day-popover-row {
  display: flex;
  align-items: center;
  transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  width: 15px;
}
.vc-day-popover-row-indicator span {
    transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-label {
  display: flex;
  align-items: center;
  flex-wrap: none;
  flex-grow: 1;
  width: -moz-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}
.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}
.vc-day-popover-row-dot {
}
.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}

.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.vc-header {
  display: grid;
  grid-gap: 4px;
  align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.vc-header.is-lg {
    font-size: var(--vc-text-lg);
}
.vc-header.is-xl {
    font-size: var(--vc-text-xl);
}
.vc-header.is-2xl {
    font-size: var(--vc-text-2xl);
}
.vc-header .vc-title-wrapper {
    grid-row: 1;
    grid-column: title;
}
.vc-header .vc-prev {
    grid-row: 1;
    grid-column: prev;
}
.vc-header .vc-next {
    grid-row: 1;
    grid-column: next;
}
.vc-header .vc-title,
  .vc-header .vc-prev,
  .vc-header .vc-next {
    display: flex;
    align-items: center;
    border: 0;
    border-radius: var(--vc-rounded);
    pointer-events: auto;
    -webkit-user-select: none;
            -moz-user-select: none;
         user-select: none;
    cursor: pointer;
}
.vc-header .vc-title {
    color: var(--vc-header-title-color);
    font-weight: var(--vc-font-semibold);
    white-space: nowrap;
    padding: 0 8px;
    margin: 0;
    line-height: 30px;
}
.vc-header .vc-title:hover {
      opacity: 0.75;
}
.vc-header .vc-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--vc-header-arrow-color);
    width: 28px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.vc-header .vc-arrow:hover {
      background: var(--vc-header-arrow-hover-bg);
}
.vc-header .vc-arrow:disabled {
      opacity: 0.25;
      pointer-events: none;
}

.vc-nav-header {
  display: flex;
  justify-content: space-between;
}
.vc-nav-title,
.vc-nav-arrow,
.vc-nav-item {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}
.vc-nav-title:hover, .vc-nav-arrow:hover, .vc-nav-item:hover {
    background-color: var(--vc-nav-hover-bg);
}
.vc-nav-title:disabled, .vc-nav-arrow:disabled, .vc-nav-item:disabled {
    opacity: 0.25;
    pointer-events: none;
}
.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}
.vc-nav-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}
.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}
.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}
.vc-nav-item.is-active {
    color: var(--vc-nav-item-active-color);
    background-color: var(--vc-nav-item-active-bg);
    font-weight: var(--vc-font-bold);
}
.vc-nav-item.is-active:not(:focus) {
      box-shadow: var(--vc-nav-item-active-box-shadow);
}
.vc-nav-item.is-current {
    color: var(--vc-nav-item-current-color);
}

.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
  /* &.is-not-in-month * {
    opacity: 0;
    pointer-events: none;
  } */
}
.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.vc-day-box-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: 50% 50%;
}
.vc-day-box-left-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transform-origin: 0% 50%;
}
.vc-day-box-right-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transform-origin: 100% 50%;
}
.vc-day-box-center-bottom {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.vc-day-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  cursor: pointer;
}
.vc-day-content:hover {
    background-color: var(--vc-day-content-hover-bg);
}
.vc-day-content.vc-disabled {
    color: var(--vc-day-content-disabled-color);
}

/* ----Content---- */
.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}

/* ----Highlights---- */
.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.vc-highlight {
  width: 28px;
  height: 28px;
}
.vc-highlight.vc-highlight-base-start {
    width: 50% !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
}
.vc-highlight.vc-highlight-base-end {
    width: 50% !important;
    border-radius: 0 !important;
    border-left-width: 0 !important;
}
.vc-highlight.vc-highlight-base-middle {
    width: 100%;
    border-radius: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px;
}
.vc-highlight-bg-outline,
.vc-highlight-bg-none {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-content-outline,
.vc-highlight-content-none {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}
.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}
.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}

/* ----Dots---- */
.vc-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}
.vc-dot:not(:last-child) {
    margin-right: 3px;
}

/* ----Bars---- */
.vc-bars {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 75%;
}
.vc-bar {
  flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}
.vc-dot {
  background-color: var(--vc-dot-bg);
}
.vc-bar {
  background-color: var(--vc-bar-bg);
}

.vc-pane {
  min-width: 250px;
}
.vc-weeknumber {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.vc-weeknumber.is-left {
    left: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-right {
    right: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-left-outside {
    left: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber.is-right-outside {
    right: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber-content {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.vc-weeks {
  position: relative;
  /* overflow: auto; */
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}
.vc-weeks.vc-show-weeknumbers-left {
    margin-left: var(--vc-weeknumber-offset-inside);
}
.vc-weeks.vc-show-weeknumbers-right {
    margin-right: var(--vc-weeknumber-offset-inside);
}
.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.vc-week,
.vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  position: relative;
}

.vc-pane-container {
  width: 100%;
  position: relative;
}
.vc-pane-container.in-transition {
    overflow: hidden;
}
.vc-pane-layout {
  display: grid;
}
.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}
.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}

.vc-base-select {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
}
.vc-base-select.vc-has-icon select {
      padding: 0 27px 0 9px;
}
.vc-base-select.vc-has-icon .vc-base-sizer {
      padding: 0 28px 0 10px;
}
.vc-base-select.vc-fit-content select {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
}
.vc-base-select .vc-base-icon {
    position: absolute;
    top: 6px;
    right: 4px;
    opacity: 0.6;
    pointer-events: none;
}
.vc-base-select .vc-base-sizer {
    font-size: var(--vc-text-base);
    font-weight: var(--vc-font-medium);
    color: transparent;
    padding: 0px 8px;
    margin: 0;
}
.vc-base-select select {
    display: inline-flex;
    justify-content: center;
    color: var(--vc-select-color);
    display: block;
    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
    background-color: var(--vc-select-bg);
    border-radius: var(--vc-rounded);
    height: 30px;
    width: -moz-max-content;
    width: max-content;
    padding: 0px 7px;
    margin: 0;
    line-height: var(--leading-none);
    text-indent: 0px;
    background-image: none;
    cursor: pointer;
    text-align: center;
}
.vc-base-select select:hover {
      background-color: var(--vc-select-hover-bg);
}
.vc-base-select select.vc-align-left {
      text-align: left;
}
.vc-base-select select.vc-align-right {
      text-align: right;
}

.vc-time-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 4px;
}
.vc-time-picker.vc-invalid {
    pointer-events: none;
    opacity: 0.5;
}
.vc-time-picker.vc-attached {
    border-top: 1px solid var(--vc-time-picker-border);
}
.vc-time-picker > * + * {
    margin-top: 4px;
}
.vc-time-header {
  display: flex;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}
.vc-time-select-group {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}
.vc-time-select-group .vc-base-icon {
    margin-right: 4px;
    color: var(--vc-time-select-group-icon-color);
}
.vc-time-select-group select {
    background: transparent;
    padding: 0px 4px;
}
.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}
.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}
.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}
.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}
.vc-time-colon {
  margin: 0 1px 2px 2px;
}
.vc-time-decimal {
  margin: 0 0 0 1px;
}
.vc-none-enter-active,
.vc-none-leave-active {
  transition-duration: 0s;
}

.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active {
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),
    opacity var(--vc-slide-duration) var(--vc-slide-timing);
  backface-visibility: hidden;
  pointer-events: none;
}

.vc-none-leave-active,
.vc-fade-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active,
.vc-slide-down-leave-active {
  position: absolute !important;
  width: 100%;
}

.vc-none-enter-from,
.vc-none-leave-to,
.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to {
  opacity: 0;
}

.vc-slide-left-enter-from,
.vc-slide-right-leave-to,
.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left {
  transform: translateX(var(--vc-slide-translate));
}

.vc-slide-right-enter-from,
.vc-slide-left-leave-to,
.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right {
  transform: translateX(calc(-1 * var(--vc-slide-translate)));
}

.vc-slide-up-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top {
  transform: translateY(var(--vc-slide-translate));
}

.vc-slide-down-enter-from,
.vc-slide-up-leave-to,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom {
  transform: translateY(calc(-1 * var(--vc-slide-translate)));
}

:root {
  --vc-white: #ffffff;
  --vc-black: #000000;

  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;

  --vc-font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto',
    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    'Helvetica', 'Arial', sans-serif;

  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;

  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;

  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;

  --vc-rounded: 0.25rem;
  --vc-rounded-md: 0.375rem;
  --vc-rounded-lg: 0.5rem;
  --vc-rounded-full: 9999px;

  --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

  --vc-slide-translate: 22px;
  --vc-slide-duration: 0.15s;
  --vc-slide-timing: ease;

  --vc-day-content-transition: all 0.13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside: 34px;
}

.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900: var(--vc-gray-900);
}

.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900: #7f1d1d;
}

.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900: #7c2d12;
}

.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900: #713f12;
}

.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900: #14532d;
}

.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900: #134e4a;
}

.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900: #1e3a8a;
}

.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900: #312e81;
}

.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900: #581c87;
}

.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900: #831843;
}

.vc-focus:focus-within {
    outline: 0;
    box-shadow: var(--vc-focus-ring);
  }

.vc-light {
  /* Base */
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: hsla(211, 25%, 84%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, 0.4);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-gray-500);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-400);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  /* Popover content */
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  /* Base select */
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vc-gray-100);
  --vc-select-hover-bg: var(--vc-gray-200);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-400);
}

/* Calendar attributes */

.vc-light.vc-attr,
  .vc-light .vc-attr {
    --vc-content-color: var(--vc-accent-600);
    --vc-highlight-outline-bg: var(--vc-white);
    --vc-highlight-outline-border: var(--vc-accent-600);
    --vc-highlight-outline-content-color: var(--vc-accent-700);
    --vc-highlight-light-bg: var(--vc-accent-200);
    --vc-highlight-light-content-color: var(--vc-accent-900);
    --vc-highlight-solid-bg: var(--vc-accent-600);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-600);
    --vc-bar-bg: var(--vc-accent-600);
  }

.vc-dark {
  /* Base */
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: hsla(216, 15%, 52%, 0.3);
  --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / 0.7);
  /* Calendar header */
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  /* Calendar weekdays */
  --vc-weekday-color: var(--vc-accent-200);
  /* Calendar weeknumbers */
  --vc-weeknumber-color: var(--vc-gray-500);
  /* Calendar nav */
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  /* Calendar day popover */
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  /* Popover content */
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  /* Time picker */
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  /* Time select group */
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  /* Base select */
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  /* Calendar day */
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-600);
}

/* Calendar attributes */

.vc-dark.vc-attr,
  .vc-dark .vc-attr {
    --vc-content-color: var(--vc-accent-500);
    --vc-highlight-outline-bg: var(--vc-gray-900);
    --vc-highlight-outline-border: var(--vc-accent-300);
    --vc-highlight-outline-content-color: var(--vc-accent-200);
    --vc-highlight-light-bg: var(--vc-accent-800);
    --vc-highlight-light-content-color: var(--vc-accent-100);
    --vc-highlight-solid-bg: var(--vc-accent-500);
    --vc-highlight-solid-content-color: var(--vc-white);
    --vc-dot-bg: var(--vc-accent-500);
    --vc-bar-bg: var(--vc-accent-500);
  }

.vc-container {
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.vc-container,
  .vc-container * {
    box-sizing: border-box;
  }

.vc-container:focus, .vc-container *:focus {
      outline: none;
    }

/* Hides double border within popovers */

.vc-container .vc-container {
    border: none;
  }

.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}

.vc-expanded {
  min-width: 100%;
}

.vc-transparent {
  background-color: transparent;
}

.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}

.vc-date-picker-content .vc-container {
    border: 0;
  }
.vue-recycle-scroller__resize-observer[data-v-08cc04ab]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.flow-mode{overflow-anchor:none}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.grid-mode:not(.page-mode){overflow:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.flow-mode .vue-recycle-scroller__item-wrapper{overflow:visible;overflow-anchor:none}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.ready.flow-mode .vue-recycle-scroller__item-view{position:static;top:auto;left:auto;will-change:auto;overflow-anchor:none}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.vue-recycle-scroller__item-spacer{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:0;margin:0;border:0;visibility:hidden;pointer-events:none;overflow-anchor:none}

.tippy-box[data-theme~='avatar-card'] {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    box-shadow:
      0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.tippy-box[data-theme~='avatar-card'] > .tippy-content {
    padding: 0;
}
  /* Arrow -1px overlap so it grows out of the card border */
.tippy-box[data-theme~='avatar-card'][data-placement^='bottom'] > .tippy-arrow {
    margin-top: -1px;
}
.tippy-box[data-theme~='avatar-card'][data-placement^='top'] > .tippy-arrow {
    margin-bottom: -1px;
}
  /* ::after needs explicit setup — tippy base CSS only defines ::before */
.tippy-box[data-theme~='avatar-card'] > .tippy-arrow::before,
  .tippy-box[data-theme~='avatar-card'] > .tippy-arrow::after {
    content: '';
    position: absolute;
    border-color: transparent;
    border-style: solid;
}
  /* bottom placement — arrow points up */
.tippy-box[data-theme~='avatar-card'][data-placement^='bottom'] > .tippy-arrow::before {
    top: -8px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: #e5e7eb;
}
.tippy-box[data-theme~='avatar-card'][data-placement^='bottom'] > .tippy-arrow::after {
    top: -7px;
    left: 1px;
    border-width: 0 7px 7px;
    border-bottom-color: #fff;
}
  /* top placement — arrow points down */
.tippy-box[data-theme~='avatar-card'][data-placement^='top'] > .tippy-arrow::before {
    bottom: -8px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: #e5e7eb;
}
.tippy-box[data-theme~='avatar-card'][data-placement^='top'] > .tippy-arrow::after {
    bottom: -7px;
    left: 1px;
    border-width: 7px 7px 0;
    border-top-color: #fff;
}
  /* Strip .webui-popover's own card shell — the tippy-box is the card now */
.tippy-box[data-theme~='avatar-card'] .webui-popover {
    position: static;
    border: none;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.fade-enter-active[data-v-28745671],
  .fade-leave-active[data-v-28745671] {
    transition: opacity 0.25s;
}
.fade-enter-from[data-v-28745671],
  .fade-leave-to[data-v-28745671] {
    opacity: 0;
}

  /* Default state (after open completes): backdrop opacity is driven by
     the snap-scroll progress that JS writes into `--tm-close-progress`
     on the modal root (see `onSnapScroll`).
       progress=0 → panel fully visible        → opacity 1
       progress=1 → dismiss zone fully visible → opacity 0
     No CSS transition on this value — it's a 1:1 mapping to the finger
     via the scroll event, and any transition would reintroduce jiggle. */
.topic-modal-backdrop[data-v-4a851e81] {
    opacity: calc(1 - var(--tm-close-progress, 0));
}
.community-media-pagination[data-v-4a851e81] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 16px;
}
.community-media-pagination[data-v-4a851e81] .swiper-pagination-bullet {
    background: #4f008c;
    opacity: 0.35;
}
.community-media-pagination[data-v-4a851e81] .swiper-pagination-bullet-active {
    opacity: 1;
}

  /* Open phase: a CSS animation owns the backdrop fade-in instead of the
     scroll-driven var. This is timing-controlled (280ms ease-out) so it
     can't lag behind the browser's smooth-scroll event cadence, which
     was the cause of the open-time opacity lag. When `is-opening` is
     dropped by JS the animation has already settled at opacity 1 and the
     var takes over with `progress=0` → still opacity 1, so no jump. */
.topic-modal-root.is-opening .topic-modal-backdrop[data-v-4a851e81] {
    animation: tm-backdrop-in-4a851e81 140ms ease-out backwards;
}
@keyframes tm-backdrop-in-4a851e81 {
from {
      opacity: 0;
}
to {
      opacity: 1;
}
}

  /* Close fade-out: when `close()` sets `closing = true`, we apply
     `.is-closing` to the root, which fades the whole modal (backdrop +
     panel) to opacity 0. `close()` then waits 200ms before calling
     `$router.back()` so the route doesn't unmount until the fade
     completes — no more instant backdrop disappear on swipe-close. */
.topic-modal-root[data-v-4a851e81] {
    transition: opacity 200ms ease-out;
}
.topic-modal-root.is-closing[data-v-4a851e81] {
    opacity: 0;
    pointer-events: none;
}

  /* Highlight pulse for a comment we scrolled to via `?comment=<id>`. */
.topic-comment-target[data-v-4a851e81] {
    animation: tm-comment-pulse-4a851e81 1600ms ease-out;
}
@keyframes tm-comment-pulse-4a851e81 {
0% {
      background-color: rgba(79, 0, 140, 0);
}
20% {
      background-color: rgba(79, 0, 140, 0.08);
}
100% {
      background-color: rgba(79, 0, 140, 0);
}
}

  /* Mobile: panel slides in from the inline-start edge with iOS-style easing.
     `direction: rtl` flips the translate axis automatically when the parent
     is RTL because CSS logical translate isn't widely supported, so we
     mirror the keyframe explicitly under [dir="rtl"]. */
@media (max-width: 767.98px) {
.topic-modal-scroll[data-v-4a851e81] {
      /* iOS-quality snap easing + no rubber-band bounce on either axis. */
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: none;
      overscroll-behavior-x: none;
}

    /* Header / body / footer accept ONLY vertical pan, so a horizontal swipe
       in the middle of the content can never bleed into the outer snap-scroll
       and dismiss the modal by accident. Vertical scrolling inside the body
       and Swiper's own JS-driven horizontal slides are unaffected. */
.topic-modal-touch-y[data-v-4a851e81] {
      //touch-action: pan-y;
}

    /* The edge handle is the ONLY element that allows horizontal pan, so the
       browser feeds its drags to the parent snap-scroll container. */
.topic-modal-handle[data-v-4a851e81] {
      touch-action: pan-x;
}

    /* No CSS transform animation on mobile — the snap container's own
       smooth scroll from the (transparent) dismiss zone to the panel IS
       the open animation. That keeps the visual motion 1:1 with the close
       gesture (which is also scroll-based) and avoids any mid-animation
       mismatch between the panel's translated rendering and its actual
       scroll-snap position. */
}

  /* Desktop: keep the card centered and use a gentle fade-scale entrance. */
@media (min-width: 768px) {
.topic-modal-panel[data-v-4a851e81] {
      animation: tm-panel-fade-in-4a851e81 180ms ease-out backwards;
}
@keyframes tm-panel-fade-in-4a851e81 {
from {
        opacity: 0;
        transform: scale(0.97);
}
to {
        opacity: 1;
        transform: scale(1);
}
}
}