@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/* nptivue */
/* notify css ----------> */
div[data-notivue='promise-reject']>svg>path {
  color: var(--red);
}
div[data-notivue='promise-resolve']>svg>path {
  color: var(--green);
}
.pop-in {
  animation: pop-in-kf 200ms ease-in-out;
}
.pop-out {
  animation: pop-out-kf 300ms ease-out;
}
.fade {
  animation: fade-kf 1s ease-in-out;
}
@keyframes pop-in-kf {
  0% {
    transform: scale(0.2);
    opacity: 0;
    top:  0;
    transform: translateY(-100%);
  }

  100% {
    transform: scale(1);
    opacity: 1;
    top: 100%;
    transform: translateY(0%);
  }

}
@keyframes pop-out-kf {
  0% {
    transform: scale(1);
    opacity: 0.5;
    transform: translateY(0%);
  }

  100% {
    transform: scale(1.05);
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fade-kf {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
/* notify css ----------> */
/* nptivue */
:root {
  --black : #000000;
  --smokyBlack : #0D0D0D;
  --white: #FFFFFF;
  --silver: #BDBDBD;
  --dark-mine-shaft: #232323;
  --mine-shaft: #323232;
  --tundro: #4C4C4C;
  --highland: #789158;
  --wasabi: #7C923C;
  --merlot: #8B1626;
  --candyPink: #e67a7a ;
  --mule-fawn: #9B4A2E;
  --luxor-gold: #A07C2E;
  --cod-grey: #151515;
  --golden-glow: #FBD879;
  --onyx: #0F0F0F;
  --radius: 10px;
  --gap: 12px;

  /* FONT SIZES */
  --font-size-xs: 0.5rem;
  --font-size-sm: 0.8rem;
  --font-size-normal: 1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 2rem;

  /* FONT WEIGHTS */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-bolder: 900;

  /* BORDER RADII */
  --border-radius-xs: 3px;
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 15px;
  --border-radius-pill: 30px;
  --circle: 50%;

  /* PADDINGS */
  --padding-xs: 4px;
  --padding-sm: 8px;
  --padding-md: 12px;
  --padding-lg: 16px;
  --padding-xl: 20px;
  --padding-xxl: 30px;

  /* BUTTON PADDING */
  --padding-button-sm: 6px 12px;
  --padding-button-md: 10px 18px;
  --padding-button-lg: 14px 22px;

  /* MARGINS */
  --margin-xs: 4px;
  --margin-sm: 8px;
  --margin-md: 12px;
  --margin-lg: 16px;

  /* GAPS */
  --gap-xs: 4px;
  --gap-sm: 8px;
  --gap-md: 12px;
  --gap-lg: 16px;
  --gap-xl: 32px;

  /* Z-INDEX */
  --z-header: 10;
  --z-overlay: 20;
  --z-modal: 30;
  --z-toast: 40;

  --border : 1px solid var(--mine-shaft);
}
/* Media query */
/* Media query */
*::-webkit-scrollbar {
  width: 2px;
}
*::-webkit-scrollbar-thumb {
  border-radius: var(--border-radius);
  width: 2px;
  cursor: pointer;
}
* {
  font-family: 'Inria sans', sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  outline: none;
  color: var(--silver);
  user-select: none;
}
* {
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}
input[type="number"] {
  -moz-appearance: textfield;
}
body {
  margin: 0;
  padding: 0;
  background-color: var(--smokyBlack);
  overflow: hidden; /* Prevents scrolling on the entire page */
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px var(--dark-mine-shaft) inset !important;
  -webkit-text-fill-color: var(--white) !important;        /* Text color */
  caret-color: var(--silver) !important; 
  transition: background-color 5000s ease-in-out 0s;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input:-webkit-autofill:active,
textarea:-webkit-autofill:active,
select:-webkit-autofill:active{
  background: transparent;
}
input{
  transition: border 0.2s;
  font-size: 16px !important;
}
button{
  cursor: pointer;
  background-color: none;
}
img {
  height: 100%;
  width: 100%;
}
input[type=file],
input[type=file]::file-selector-button {
    cursor: pointer; 
}
.scroll-box{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  display: inline-block;
}
.scroll-box:hover{
text-overflow:clip;
}
.loader {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 32px 0 #fff, -32px 0 #fff;
  position: relative;
  animation: flash 0.5s ease-out infinite alternate;
}
@keyframes flash {
  0% {
    background-color: #FFF2;
    box-shadow: 20px 0 #FFF2, -20px 0 #FFF;
  }
  50% {
    background-color: #FFF;
    box-shadow: 20px 0 #FFF2, -20px 0 #FFF2;
  }
  100% {
    background-color: #FFF2;
    box-shadow: 20px 0 #FFF, -20px 0 #FFF2;
  }
}
.firebase-emulator-warning{
  opacity: 0.1;
  display: none;
}
.shimmer {
  background: linear-gradient(90deg, #222222 30%, #363636 50%, #222222 70%);
  background-size: 400%;
  animation: shimmer 1.5s infinite linear;
}
@keyframes shimmer {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0 0;
  }
}
/* progressbar  */
.spiner-loader {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid #FFF;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* progressbar  */
/* Dialog */
.confirm-dialog {
  z-index: 20;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  background-color: var(--cod-grey);
  padding: var(--padding-lg);
  width: 100%;
  max-width: 300px;
  border-radius: var(--border-radius-md);
  box-shadow: 0 0 30px 1px #00000069;
  justify-self: center;
  border: 1px solid var(--mule-fawn);
  transition: all 300ms ease-in-out, translate 1s;
  transition-behavior: allow-discrete;
}
.confirm-dialog.show {
  top: 10px;
  translate: 0;
  @starting-style {
    top: -100%;
  }
}
.confirm-dialog .label {
  color: rgb(206, 152, 152);
  font-weight: var(--font-weight-bolder);
}
.confirm-dialog .title-bar .icon {
  height: 15px;
}
.confirm-dialog-overley {
  position: absolute;
  top: 0;
  left: 0;
  height: 100dvh;
  width: 100dvw;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
}
.confirm-dialog .btn-group {
  display: flex;
  justify-content: center;
  gap: var(--gap-sm);
}
.confirm-dialog .btn-group .btn {
  padding: var(--padding-sm);
  background: var(--dark-mine-shaft);
  width: 120px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease-in-out, translate 1s;
  outline: 1px solid var(--cod-grey);
}
.confirm-dialog .btn-group .btn:hover {
  outline: 1px solid var(--mule-fawn);
}
/* Dialog */
@media (max-width: 600px) {
  
.confirm-dialog .btn-group .btn {
  padding: var(--padding-button-md);
}

}
.skeleton-container[data-v-7fc45fb2] {
  display: grid;
  grid-template-columns: 1fr 3fr;
  column-gap: 1rem;
}
.skeleton-logo[data-v-7fc45fb2] {
  aspect-ratio: 1;
  width: 30px;
  background: #EDEDED;
  border-radius: 50%;
  animation-delay: 1s;
}
.skeleton-text[data-v-7fc45fb2] {
  background: #EDEDED;
  border-radius: 1rem;
  height: 100%;
}
.shimmer[data-v-7fc45fb2] {
  background: linear-gradient(90deg, #434343 30%, #3f3f3f 50%, #4b4b4b 70%);
  background-size: 400%;
  animation: shimmer-7fc45fb2 1.5s infinite linear;
}
@keyframes shimmer-7fc45fb2 {
0% {
    background-position: 100% 100%;
}
100% {
    background-position: 0 0;
}
}
.header-container[data-v-7fc45fb2] {
  display: flex;
  gap: var(--gap-sm);
  padding: var(--padding-sm);
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--dark-mine-shaft);
  padding: var(--padding-lg);
}
.title-container[data-v-7fc45fb2]{
  display: flex;
  align-items: center;
  gap: var(--gap-md);
}
.hamburger[data-v-7fc45fb2]{display: none;}
.title-logo[data-v-7fc45fb2],.logout[data-v-7fc45fb2] {
  height: 20px;
  display: flex;
  gap: var(--gap-sm);
  align-items: center;
}
.title-logo img[data-v-7fc45fb2] {
    height: 100%;
}
.project-logo[data-v-7fc45fb2] {
  height: 30px;
  display: flex;
  align-items: center;
}
.project-logo img[data-v-7fc45fb2] {
    height: 100%;
    width: auto !important; /* prevent container from overriding */
    max-width: 100%;    /* avoid overflow */
    object-fit: contain; /* keep whole image visible */
}
.topbar-container[data-v-7fc45fb2]{
    background: var(--onyx);
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: var(--white);
    padding: var(--padding-sm) var(--padding-xl);
    border: 1px solid var(--dark-mine-shaft);
    border-radius: var(--border-radius-pill);
}
.group[data-v-7fc45fb2]{
  display: flex;
  gap: var(--gap-sm);
}
.btn[data-v-7fc45fb2] {
  cursor: pointer;
}
.user-name[data-v-7fc45fb2] {
  max-width: 100px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  flex-shrink: 1;
}


/* Media query */
@media (min-width: 320px ) and (max-width : 1023px) {
.header-container[data-v-7fc45fb2]{
  /* border: none; */
  background-color: var(--cod-grey);
}
.hamburger[data-v-7fc45fb2] {
  display: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: px;
  aspect-ratio: 1;
  align-items: center;
}
.hamburger img[data-v-7fc45fb2]{
  height: 25    px;
}
}
/* Media query */




.dropdown-container[data-v-807239d9] {
  display: flex;
  flex-direction: column;
  font-weight: 300;
  user-select: none;
  width: 100%;
}
.select-item-container[data-v-807239d9] {
  width: 100%;
  cursor: pointer;
  padding: var(--padding-md) var(--padding-lg);
  display: flex;
  justify-content: space-between;
  color: var(--silver);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--cod-grey);
  gap: 15px;
  text-overflow: ellipsis;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}
.list[data-v-807239d9] {
  position: relative;
  z-index: 50;
}
.list-container[data-v-807239d9] {
  position: absolute;
  background: var(--dark-mine-shaft);
  border: 1px solid var(--mine-shaft);
  text-align: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  border-radius: var(--border-radius-md);
  
  /* animation */
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  transition: 
    max-height 0.25s ease,
    opacity 0.25s ease,
    transform 0.25s ease;
}
.list .open[data-v-807239d9] {
  max-height: 400px;   /* adjust for your list size */
  opacity: 1;
  transform: translateY(0);
}
.list-item[data-v-807239d9] {
  background: var(--cod-grey);
  color: var(--silver);
  cursor: pointer;
  padding: var(--padding-sm) var(--padding-lg);
  transition: background-color 0.25s ease;
}
.list-item[data-v-807239d9]:hover {
  background-color: var(--onyx);
  color: var(--white);
}
.arrow-icon[data-v-807239d9] {
  width: 14px;
  transform: rotate(var(--6e0b7090));
  transition: all 0.2s linear;
}
.scroll-box[data-v-807239d9]{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  display: inline-block;
  transition: text-overflow 0.25s ease;
}
.scroll-box[data-v-807239d9]:hover{
  text-overflow:clip;
}

/* Focus border smooth */
.select-item-container[data-v-807239d9]:focus-within {
  border-color: white;
}


.main-container[data-v-9816bc50]{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 300px;
    height: 100%;
    width: 100%;
    border-right: 1px solid var(--dark-mine-shaft);
}
.group[data-v-9816bc50]{
    display: flex;
    flex-direction: column;
}
.dropdown[data-v-9816bc50]{
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  max-width: 300px;
}
.dropdown .label[data-v-9816bc50]{
  font-weight: 500;
  color: var(--white);
}
.title-bar[data-v-9816bc50],.dropdown[data-v-9816bc50]{
    padding: var(--padding-xl);
    justify-content: space-between;
    border-bottom: 1px solid var(--dark-mine-shaft);
}
.title-bar[data-v-9816bc50]{
  display: none;
}
.title-bar .close-btn[data-v-9816bc50],.user-icon[data-v-9816bc50]{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18px;
}
.title-bar .close-btn[data-v-9816bc50]{
    display: none;
}
.logo-container[data-v-9816bc50]{
    max-height: 35px;
    aspect-ratio: 3.424 / 1;
}
.menu-list[data-v-9816bc50]{
    padding: var(--padding-lg);
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
}
.menu-list .menu-item[data-v-9816bc50]{
    display: flex;
    align-items:center;
    gap: var(--gap-md);
    padding: var(--padding-md);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    transition: background-color 0.20s ease-out
}
.active[data-v-9816bc50]{
  background: var(--cod-grey);
}
.icon[data-v-9816bc50]{
    height: 16px;
    width: auto;
}


/* Media query */
@media (max-width: 1023px) {
.main-container[data-v-9816bc50]{
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      width: 260px;
      background-color: var(--onyx);
      border: 1px solid var(--dark-mine-shaft);
      border-left: 0;
}
.title-bar[data-v-9816bc50], .dropdown[data-v-9816bc50]{
    display: flex;
}
.title-bar .close-btn[data-v-9816bc50]{
    height: 25px;
    display: block;
    padding: var(--padding-xs);
    gap: var(--gap-sm);
}
.title-bar[data-v-9816bc50]{
    padding: var(--padding-lg);
}
.logo-container[data-v-9816bc50]{
    max-height: 35px;
}
}
/* Media query */



.edit-project-container[data-v-3efcbf91] {
  display: flex;
  gap: var(--gap-md);
  height: 100%;
  width: 100%;
  padding: var(--padding-sm);
}


.dashboard[data-v-96937a29] {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow: hidden;
}
.body-container[data-v-96937a29]{
  display: flex;
  flex: 1;
  flex-shrink: 2;
  height: 100%;
  overflow: hidden;
}
.edit-project[data-v-96937a29]{
  width: 100%;
  overflow: hidden;
}

/* ✅ Sidebar transitions */
.overlay[data-v-96937a29] {
  height: 100%;
  color: white;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Mobile view - slide from left */
@media (max-width: 1023px) {
.overlay[data-v-96937a29] {
    position: fixed;
    top: var(--padding-lg);
    left: -100%;
    width: 100%;
    height: 100dvh;
    transform: translateX(-100%);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    z-index: 1;
    top: 0;
}
.open[data-v-96937a29] {
    left: 0;
    transform: translateX(0);
}
}


.list-item[data-v-49a382c9]{
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
}
.label-container[data-v-49a382c9]{
  background: var(--dark-mine-shaft);
  border-radius: var(--border-radius-pill);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--padding-sm) var(--padding-lg);
}
.label-container .name[data-v-49a382c9]{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 160px;
}
.overlay[data-v-49a382c9] {
  height: 100dvh;
  width: 100dvw;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-card-container[data-v-49a382c9]{
  border: 1px solid var(--dark-mine-shaft);
  box-shadow: 0 0 30px 1px #00000069;
}
.main-card-container[data-v-49a382c9] {
  z-index: 2;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  background-color: var(--cod-grey);
  padding: var(--padding-md);
  width: 100%;
  max-width: 280px;
  border-radius: var(--border-radius-md);
  box-shadow: 0 0 30px 1px #00000069;
}
.title-bar[data-v-49a382c9] {
  display: flex;
  border-bottom: 1px solid var(--dark-mine-shaft);
  padding-bottom: var(--border-radius-md);
  text-align: center;
}
.list-container[data-v-49a382c9], .list-container[data-v-49a382c9]:first-child{
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
  max-height: 200px;
  overflow-y: auto;
}
.item[data-v-49a382c9] {
  min-height: 40px;
  display: flex;
  gap: var(--gap-sm);
  border-radius: var(--border-radius-pill);
}
.item .label[data-v-49a382c9] {
  width: max-content;
}
.text-input-container[data-v-49a382c9]{
  display: flex;
  width: 100%;
  height: max-content;
  justify-content: space-between;
  justify-content: center;
  background-color: var(--dark-mine-shaft);
  border-radius: var(--border-radius-pill);
}
.active[data-v-49a382c9] {
  box-shadow: inset 0 0 0 1px var(--wasabi);
}
.invalid[data-v-49a382c9] {
  box-shadow: inset 0 0 0 1px var(--merlot);
}
.group[data-v-49a382c9] {
  display: flex;
  gap: var(--gap-md);
  align-items: center;
  width: max-content;
}
.label[data-v-49a382c9] {
  width: 100%;
}
.add-new-status[data-v-49a382c9]{
  display: flex;
  justify-content: center;
  text-align: center;
  border-radius: var(--border-radius-pill);
  background: var(--mine-shaft);
  padding: var(--padding-sm);
}
.btn[data-v-49a382c9] {
  cursor: pointer;
  display: flex;
  align-content: center;
  align-items: center;
}
.btn img[data-v-49a382c9] {
  height: 24px;
  width: 24px;
}
.selected-color[data-v-49a382c9],
.color[data-v-49a382c9] {
  border-radius: 50%;
  height: 25px;
  aspect-ratio: 1;
}
.selected-color[data-v-49a382c9] {
  position: relative;
  /* box-shadow: inset 0 0 0 1px var(--white); */
  /* outline: 1px solid var(--white); */
}
.selected-color input[data-v-49a382c9] {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  flex-grow: 1;
}
input[type="text"][data-v-49a382c9] {
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
  background: transparent;
  padding: 0;
}
.footer[data-v-49a382c9]{
  margin-top: var(--margin-xs);
  display: flex;
  gap: var(--gap-sm);
}
.footer .btn[data-v-49a382c9]{
  display: flex;
  justify-content: center;
  width: 100%;
  border-radius: var(--border-radius-pill);
  padding: var(--padding-sm);
  color: var(--white);
}
.save[data-v-49a382c9]{
  background-color: var(--wasabi);
}
.cancel[data-v-49a382c9]{
  background: var(--dark-mine-shaft);
}
#status-color-input[data-v-49a382c9] {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 2;
}
.overlay-color-picker[data-v-49a382c9] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  z-index: 2;
}


/* ---------- LIST ITEM ENTER / LEAVE ANIMATION ---------- */
.list-enter-from[data-v-49a382c9],
.list-leave-to[data-v-49a382c9] {
  opacity: 0;
  transform: translateY(12px) scale(0.98);
}
.list-enter-to[data-v-49a382c9],
.list-leave-from[data-v-49a382c9] {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.list-enter-active[data-v-49a382c9],
.list-leave-active[data-v-49a382c9] {
  transition: all 260ms cubic-bezier(.22,.9,.3,1);
}

/* Smooth reflow when items move */
.list-move[data-v-49a382c9] {
  transition: transform 260ms cubic-bezier(.22,.9,.3,1);
}


.main-card-container[data-v-afe2bd0a] {
  z-index: 2;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  background-color: var(--cod-grey);
  padding: var(--padding-md);
  width: 100%;
  max-width: 280px;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--dark-mine-shaft);
  box-shadow: 0 0 30px 1px #00000069;
}
.title-bar[data-v-afe2bd0a] {
  display: flex;
  border-bottom: 1px solid var(--dark-mine-shaft);
  padding-bottom: var(--border-radius-md);
  text-align: center;
}
.body-container[data-v-afe2bd0a]{
  display: flex;
  flex-direction: column;
  gap: var(--gap-sm);
}
textarea[data-v-afe2bd0a]{
  padding: var(--padding-sm);
  display: flex;
  width: 100%;
  resize: vertical;
  overflow-y: scroll;
  background-color: var(--onyx);
  border: 1px solid var(--dark-mine-shaft);
  border-radius:var(--border-radius-xs);
}
.group[data-v-afe2bd0a] {
  display: flex;
  gap: var(--gap-md);
  align-items: center;
  width: max-content;
}
.label[data-v-afe2bd0a] {
  width: 100%;
}
.btn[data-v-afe2bd0a] {
  cursor: pointer;
  display: flex;
  align-content: center;
  align-items: center;
}
.btn img[data-v-afe2bd0a] {
  height: 24px;
  width: 24px;
}
input[type="text"][data-v-afe2bd0a] {
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
  background: transparent;
  padding: 0;
}
.message[data-v-afe2bd0a]{
  color: rgb(184, 61, 61);
  justify-content: center;
  font-size: var(--font-size-sm);
}
.footer[data-v-afe2bd0a]{
  margin-top: var(--margin-xs);
  display: flex;
  gap: var(--gap-sm);
}
.footer .btn[data-v-afe2bd0a]{
  display: flex;
  justify-content: center;
  width: 100%;
  border-radius: var(--border-radius-pill);
  padding: var(--padding-sm);
  color: var(--white);
}
.save[data-v-afe2bd0a],.overlay[data-v-afe2bd0a]{
  position: relative;
  background-color: var(--wasabi);
}
.overlay[data-v-afe2bd0a]{
  filter: brightness(0.8);
}
.spiner-loader[data-v-afe2bd0a]{
  position: absolute;
  height: 20px;
  width: 20px;
}
.cancel[data-v-afe2bd0a]{
  background: var(--dark-mine-shaft);
}
.fade-enter-active[data-v-afe2bd0a],
.fade-leave-active[data-v-afe2bd0a] {
  transition: opacity 0.25s ease-in-out;
}
.fade-enter-from[data-v-afe2bd0a],
.fade-leave-to[data-v-afe2bd0a] {
  opacity: 0;
}


.dropdown-container[data-v-d5fb837d] {
  display: flex;
  flex-direction: column;
  font-weight: 300;
  user-select: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: var(--padding-sm);
  z-index: 5;
}
.select-item-container[data-v-d5fb837d] {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  color: var(--silver);
  border-radius: var( --border-radius-md);
  gap: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list[data-v-d5fb837d] {
  position: static;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: fit-content;
}
.list-container[data-v-d5fb837d] {
  position: absolute;
  left: 0;
  background: var(--dark-mine-shaft);
  border: 1px solid var(--tundro);
  text-align: left;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--border-radius-sm);
  align-items: center;
  justify-content: center;
}
.list-container.up[data-v-d5fb837d] {
  bottom: 8px;
}
.list-item[data-v-d5fb837d] {
  background: var(--cod-grey);
  color: var(--silver);
  cursor: pointer;
  padding: var(--padding-sm) var(--padding-lg);
  width: 100%;
  transition: background-color 0.3s ease-in-out;
}
.list-item[data-v-d5fb837d]:hover {
  background-color: var(--onyx);
  color: var(--white);
}
.arrow-icon[data-v-d5fb837d] {
  width: 14px;
  transform: rotate(var(--3a863e02));
  transition: all 0.2s linear;
}
.select-item-container[data-v-d5fb837d]:focus-within{
  border-color: white;
}
.list-container.down[data-v-d5fb837d] {
  top: 35px;
}
.list-container.up[data-v-d5fb837d] {
  bottom: 35px;
}


.dialog-group-container[data-v-bd490781] {
    display: flex;
    width: 100%;
    gap: var(--gap-sm);
}

  /* ----------------- General Enhancements ----------------- */
[data-v-bd490781] {
    transition:
      background 0.25s ease,
      border-color 0.25s ease,
      box-shadow 0.25s ease,
      color 0.25s ease,
      transform 0.25s ease;
}

  /* ------------------- Original User Styles ------------------- */
.input-area-overlay[data-v-bd490781] {
    display: flex;
    min-width: 10px;
    width: 100%;
}
.main-container[data-v-bd490781] {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
    overflow: hidden;
    height: 100%;
}
.btn[data-v-bd490781] {
    cursor: pointer;
    display: flex;
    min-width: max-content;
    justify-content: center;
}
.group[data-v-bd490781],
  .btn-container[data-v-bd490781] {
    width: 100%;
    display: flex;
    gap: var(--gap-sm);
}
.btn-container .btn[data-v-bd490781] {
    display: flex;
    flex: 1;
    align-items: center;
    padding: var(--padding-md);
    border: 1px solid var(--mine-shaft);
    background: var(--dark-mine-shaft);
    border-radius: var(--border-radius-md);
    color: var(--silver);
}
.btn-container .btn img[data-v-bd490781] {
    height: 20px;
    width: 20px;
}
.header-btn[data-v-bd490781] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
}

  /* 🔍 Search Bar */
.search-bar[data-v-bd490781],
  .input-box[data-v-bd490781] {
    display: flex;
    flex: 3;
    width: 100%;
    align-items: center;
    gap: var(--gap-sm);
    flex-grow: 1;
    padding: var(--padding-md);
    background: var(--cod-grey);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--dark-mine-shaft);
}
.input-box[data-v-bd490781] {
    border: 1px solid var(--wasabi);
}
input[data-v-bd490781],
  textarea[data-v-bd490781] {
    background: transparent;
    outline: none;
    border: none;
    color: var(--light-grey-1);
    font-size: 16px;
    width: 100%;
}
textarea[data-v-bd490781] {
    resize: vertical;
}

  /* Smooth input focus */
.search-bar[data-v-bd490781]:focus-within {
    border-color: var(--wasabi);
}
.input-box[data-v-bd490781],
  .input-box .right[data-v-bd490781] {
    display: flex;
    gap: var(--gap-sm);
    justify-content: space-between;
}
textarea[data-v-bd490781] {
    width: 100%;
}
.search-icon[data-v-bd490781] {
    height: 16px;
}

  /* Table base styles */
.table-container[data-v-bd490781] {
    border-radius: 12px;
    width: 100%;
    height: max-content;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    min-height: 38px;
    position: relative;
    border-bottom: 1px solid var(--dark-mine-shaft);
}
.custom-table[data-v-bd490781] {
    position: relative;
    width: 100%;
    table-layout: fixed;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}
table[data-v-bd490781] {
    border-collapse: collapse;
}

  /* Fixed header */
.custom-table thead[data-v-bd490781] {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.custom-table .table-header[data-v-bd490781] {
    display: flex;
}
.custom-table thead tr th[data-v-bd490781] {
    gap: var(--gap-sm);
    position: sticky;
    top: 0;
    background: var(--dark-mine-shaft);
    color: var(--light-grey-1);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    border: 1px solid var(--mine-shaft);
    border-left: 0;
    border-color: var(--mine-shaft);
    min-width: 180px;
}
.custom-table thead tr th[data-v-bd490781]:nth-child(1) {
    min-width: 110px;
    border-top-left-radius: var(--border-radius-md);
}
.custom-table thead tr th[data-v-bd490781]:nth-last-child(1) {
    border-top-right-radius: var(--border-radius-md);
    border-left: 1px solid var(--mine-shaft);
}

  /* Scrollable tbody */
.tbody[data-v-bd490781] {
    display: block;
    flex-direction: column;
    overflow-y: auto;
    width: max-content;
    position: relative;
    overflow-x: hidden;
}
.empty-state-container[data-v-bd490781],
  .loading-state-container[data-v-bd490781] {
    width: 100%;
    display: flex;
    flex: 2;
    align-items: center;
    justify-content: center;
}
.empty-state-container img[data-v-bd490781],
  .loading-state-container img[data-v-bd490781] {
    max-height: 60px;
}

  /* Cell styles */
.custom-table th[data-v-bd490781],
  .custom-table td[data-v-bd490781] {
    padding: var(--padding-sm);
    white-space: nowrap;
    text-align: left;
    position: relative;
    box-shadow: 0 0 0px 0.5px var(--dark-mine-shaft) inset;
}
.custom-table th[data-v-bd490781] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.custom-table th img[data-v-bd490781] {
    cursor: pointer;
    height: 16px;
    width: 16px;
}
.rotated[data-v-bd490781] {
    transform: rotate(180deg);
}
.custom-table td[data-v-bd490781] {
    color: var(--light-grey-1);
    cursor: pointer;
    text-overflow: ellipsis;
    min-width: 150px;
    border-bottom: 0;
}
[id$="note"][data-v-bd490781] {
    overflow-x: hidden;
}

  /* Active input cell highlight */
.custom-table .active[data-v-bd490781] {
    box-shadow: inset 0 0 0 1px var(--wasabi);
}
.error[data-v-bd490781] {
    border: 1px solid var(--candyPink);
}

  /* Inputs inside table */
.custom-table input[data-v-bd490781],
  .custom-table select[data-v-bd490781] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
}
option[data-v-bd490781] {
    background-color: var(--cod-grey);
}
.status-component[data-v-bd490781],
  .bulk-status-dialog[data-v-bd490781] {
    z-index: 2;
    position: absolute;
    top: 0;
    height: calc(100dvh - var(--padding-md));
    width: calc(100dvw - var(--padding-md));
    display: flex;
    justify-content: center;
    align-items: center;
}

  /* Flash animation */
.flash-update[data-v-bd490781] {
    animation: flash-update-bd490781 0.8s ease;
}
@keyframes flash-update-bd490781 {
0% {
      background-color: var(--highland);
}
100% {
      background-color: transparent;
}
}
#input-container[data-v-bd490781] {
    position: sticky;
}
#right-tick[data-v-bd490781] {
    height: 20px;
    width: 20px;
}
.cell[data-v-bd490781] {
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
}
.cell span[data-v-bd490781],
  .sub[data-v-bd490781] {
    display: flex;
}
.edit-plot-data-container .cell[data-v-bd490781] {
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box[data-v-bd490781] {
    display: flex;
    height: 45px;
    width: 100%;
    align-items: center;
    gap: var(--gap-sm);
    background: var(--smokyBlack);
    padding: var(--padding-md);
    font-size: var(--font-size-sm);
}
.info-box img[data-v-bd490781] {
    height: 16px;
    width: 16px;
}
.label[data-v-bd490781] {
    display: flex;
}
.sub[data-v-bd490781],
  .sub sup[data-v-bd490781] {
    color: var(--tundro);
}
.length-indicator[data-v-bd490781] {
    min-width: max-content;
    display: flex;
    align-items: center;
    font-size: var(--font-size-sm);
    color: var(--tundro);
}
@keyframes slideUpFade-bd490781 {
from {
      transform: translateY(20px);
      opacity: 0;
}
to {
      transform: translateY(0);
      opacity: 1;
}
}
@keyframes slideDownFade-bd490781 {
from {
      transform: translateY(0);
      opacity: 1;
}
to {
      transform: translateY(20px);
      opacity: 0;
}
}

  /* APPEAR animation */
.slideUpFade[data-v-bd490781] {
    animation: slideUpFade-bd490781 420ms cubic-bezier(.22, .9, .3, 1) forwards;
    will-change: transform, opacity;
}

  /* DIALOG ENTER */
.dialog-fade-enter-from[data-v-bd490781] {
    opacity: 0;
    transform: scale(0.96) translateY(10px);
}
.dialog-fade-enter-to[data-v-bd490781] {
    opacity: 1;
    transform: scale(1) translateY(0);
}
.dialog-fade-enter-active[data-v-bd490781] {
    transition:
      opacity 250ms ease,
      transform 300ms cubic-bezier(.22, .9, .3, 1);
}

  /* DIALOG LEAVE */
.dialog-fade-leave-from[data-v-bd490781] {
    opacity: 1;
    transform: scale(1) translateY(0);
}
.dialog-fade-leave-to[data-v-bd490781] {
    opacity: 0;
    transform: scale(0.96) translateY(10px);
}
.dialog-fade-leave-active[data-v-bd490781] {
    transition:
      opacity 230ms ease,
      transform 260ms cubic-bezier(.22, .9, .3, 1);
}
[data-v-bd490781]::-webkit-scrollbar {
    display: none;
}

  /* For Firefox */
html[data-v-bd490781] {
    scrollbar-width: none;
}

  /* For Internet Explorer and Edge */
html[data-v-bd490781] {
    -ms-overflow-style: none;
}
.dialog-btns-container[data-v-bd490781] {
    display: flex;
    gap: var(--gap-sm);
}
@media (max-width: 768px) {
    /* .dialog-btns-container{
    width: 100%;  
  } */
.group[data-v-bd490781],
    .btn-container[data-v-bd490781] {
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
      gap: var(--gap-sm);
}
}
#tbody[data-v-bd490781]::-webkit-scrollbar {
    width: 2px;
}
#tbody[data-v-bd490781]::-webkit-scrollbar-thumb {
    border-radius: var(--border-radius);
    width: 2px;
    cursor: pointer;
}



.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
.main-card-container[data-v-b3a3b4c2] {
  z-index: 2;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
  background-color: var(--cod-grey);
  padding: var(--padding-md);
  max-width: 380px;
  width: 100%;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--dark-mine-shaft);
  box-shadow: 0 0 30px 10px #00000069;
}
.title-bar[data-v-b3a3b4c2] {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark-mine-shaft);
  padding-bottom: var(--border-radius-md);
  text-align: center;
}
.body[data-v-b3a3b4c2]{
  display: flex;
  gap: var(--gap-md);
}
input[type="text"][data-v-b3a3b4c2] {
  width: 100%;
  outline: none;
  border: 1px solid var(--dark-mine-shaft);
  border-radius: var(--border-radius-xs);
  background-color: var(--mine-shaft);
  padding: var(--padding-sm) var(--padding-md);
}
button[data-v-b3a3b4c2]{
  border: none;
  border-radius: var(--border-radius-xs);
  padding: var(--padding-sm) var(--padding-lg);
  color: var(--white);
}
.save[data-v-b3a3b4c2]{
  background-color: var(--wasabi);
}
.close[data-v-b3a3b4c2]{
  cursor: pointer;
}
@media (max-width: 600px) {
.main-card-container[data-v-b3a3b4c2]{
    max-width: 300px;
}
}


.overley[data-v-7f441217] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100dvh;
  width: 100dvw;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
}
.primary-container[data-v-7f441217] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--gap-md);
}
.btns-container[data-v-7f441217]{
  display: flex;
  align-self: flex-end;
  gap: var(--gap-sm);
}
.btns-container button[data-v-7f441217] {
  justify-content: center;
  position: relative;
  background: var(--dark-mine-shaft);
  display: flex;
  align-self: flex-end;
  gap: var(--gap-sm);
  align-items: center;
  padding: var(--padding-md) var(--padding-xl);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--mine-shaft);
}
.btns-container button img[data-v-7f441217]{
  height: 16px;
  width: max-content;
}
.gallery-container[data-v-7f441217] {
  flex: 1;
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE, Edge */
}
[data-v-7f441217]::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.grid[data-v-7f441217] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--gap-md);
  overflow: scroll;
}
.card[data-v-7f441217] {
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  aspect-ratio: 126/67;
  object-fit: cover;
  background: var(--cod-grey);
  display: flex;
  align-items: center;
  justify-content: center;
}
.card .placeholder[data-v-7f441217] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card .overlay[data-v-7f441217] {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.24;
  background: var(--black);
}
.card img[data-v-7f441217] {
  object-fit: cover;
}
.close[data-v-7f441217] {
  height: 16px;
  aspect-ratio: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.6);
  border-bottom-left-radius: var(--border-radius-md);
  justify-content: center;
  align-items: center;
  display: flex;
}
.close img[data-v-7f441217] {
  width: auto;
  height: 18px;
}
#file-input[data-v-7f441217] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.uploadingImage[data-v-7f441217] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.uploadingImage img[data-v-7f441217] {
  filter: brightness(40%);
}
.dialog[data-v-7f441217] {
  z-index: 1;
  position: absolute;
  top: 0;
  height: calc(100dvh - var(--padding-md));
  width: calc(100dvw - var(--padding-md));
  display: flex;
  justify-content: center;
  align-items: center;
}
.play-icon[data-v-7f441217]{
  position: absolute;
  height: 48px;
  filter: drop-shadow(0px 0px 19.73px var(--black));
}
.empty-state-container[data-v-7f441217]{
  width: 100%;
  display: flex;
  flex: 2;
  align-items: center;
  justify-content: center;
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: var(--gap-lg);
  color: var(--mine-shaft);
}
.empty-state-container img[data-v-7f441217] {
  max-height: 110px;
}
.empty-state-container .label[data-v-7f441217] {
  color: var(--tundro);
}
.loader-container[data-v-7f441217] {
  height: auto;
  position: absolute;
  justify-content: center;
  align-items: center;
  padding: 10px;
  gap: var(--gap-sm);
  display: flex;
  flex-direction: column;
}
.loader-img[data-v-7f441217] {
  width: 100%;
  height: 4.8px;
  display: inline-block;
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  overflow: hidden;
}
.loader-img[data-v-7f441217]::after {
  content: "";
  width: 192px;
  height: 4.8px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  animation: animloader-7f441217 2s linear infinite;
}
@keyframes animloader-7f441217 {
0% {
    left: 0;
    transform: translateX(-100%);
}
100% {
    left: 100%;
    transform: translateX(0%);
}
}
@media (max-width: 1024px) {
.grid[data-v-7f441217] {
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-md);
}
}
@media (max-width: 600px) {
.btns-container[data-v-7f441217]{
    width: 100%;
}
.btns-container button[data-v-7f441217]{
    width: 100%;
    padding: var(--padding-md) 0;
}
.spiner-loader[data-v-7f441217] {
    width: 25px;
    height: 25px;
}
.card[data-v-7f441217] {
    border-radius: var(--border-radius-xs);
}
.close img[data-v-7f441217] {
    height: 14px;
}
.close[data-v-7f441217] {
    padding: var(--padding-md);
    border-bottom-left-radius: var(--border-radius-sm);
}
.grid[data-v-7f441217] {
    gap: var(--gap-sm);
}
.card .play-icon[data-v-7f441217]{
    height: 30px;
}
}


.login-container[data-v-62c91849] {
  background-color: var(--cod-grey);
  max-width: 350px;
  width: 100%;
  padding: var(--padding-xxl);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--dark-mine-shaft);
  position: relative;
}
.logo-container[data-v-62c91849] {
  display: flex;
  align-items: center;
  gap: var(--gap-md);
  padding: var(--padding-xxl);
  justify-content: center;
}
.logo-img[data-v-62c91849] {
  width: 45px;
}
.tagline[data-v-62c91849] {
  color: var(--white);
  font-size: var(--font-size-xl);
}
.login-card[data-v-62c91849] {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}
#login-form[data-v-62c91849] {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);
}
.input-field[data-v-62c91849] {
  padding: var(--padding-md) var(--padding-lg);
  display: flex;
  gap: var(--gap-sm);
  border: 1px solid var(--mine-shaft);
  border-radius: var(--border-radius-pill);
  color: var(--white);
  background: var(--dark-mine-shaft);
}
.input-field[data-v-62c91849]:focus-within{
  border: 1px solid var(--wasabi);
}
[data-v-62c91849]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--tundro);
}
[data-v-62c91849]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: var(--tundro);
   opacity:  1;
}
[data-v-62c91849]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: var(--tundro);
   opacity:  1;
}
[data-v-62c91849]:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--tundro);
}
[data-v-62c91849]::-ms-input-placeholder { /* Microsoft Edge */
   color: var(--tundro);
}
[data-v-62c91849]::placeholder { /* Most modern browsers support this now. */
   color: var(--tundro);
}
label[data-v-62c91849]{
cursor:text;
}
.input-field img[data-v-62c91849]{
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  width: 15px;
}
input[data-v-62c91849]{
background: none;
outline: none;
border: none;
}
#login-submit[data-v-62c91849] {
  padding: var(--padding-md);
  background: var(--wasabi);
  border: none;
  border-radius: var(--border-radius-pill);
  color: var(--white);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.message[data-v-62c91849]{
  color: rgb(184, 61, 61);
  justify-content: center;
}
.background-body[data-v-62c91849] {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.black-body-radiation[data-v-62c91849] {
  width: 100%;
  height: 100vh;
  background-color: black;
}


/* Media query */
@media (min-width: 320px ) and (max-width : 340px) {
.login-container[data-v-62c91849] {
    width: 300px;
    padding: var(--padding-lg);
}
}
/* Media query */


.login[data-v-ca076996] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  background: var(--smokyBlack);
}
.log-btn[data-v-ca076996] {
  z-index: 999;
}
:root{--vc-picker-bg: #f8f8f8;--vc-body-bg: #fff;--vc-input-bg: #fff;--vc-input-text: #333;--vc-input-label: #969696;--vc-input-border: #dadada;--vc-chrome-toggle-btn-highlighted: #eee;--vc-ps-bg: #dcdcdc;--vc-ps-title-bg-gradient-start: #f0f0f0;--vc-ps-title-bg-gradient-end: #d4d4d4;--vc-ps-title-border: #B1B1B1;--vc-ps-title-color: #4d4d4d;--vc-ps-slider-border: #b3b3b3;--vc-ps-slider-border-bottom: #f0f0f0;--vs-ps-picker-border-dark: #555;--vs-ps-picker-border-white: #fff;--vc-ps-btn-gradient-start: #fff;--vc-ps-btn-gradient-end: #e6e6e6;--vc-ps-btn-border: #878787;--vc-ps-btn-shadow: #EAEAEA;--vc-ps-btn-color: #000;--vc-ps-preview-border: #000;--vc-ps-label: #000;--vc-ps-input-border: #888;--vc-ps-input-shadow-dark: rgba(0,0,0,.1);--vc-ps-input-shadow-light: #ececec;--vc-sketch-input-label: #222;--vc-sketch-presets-border: #eee;--vc-twitter-input-bg: #fff;--vc-twitter-input-border: #f0f0f0;--vc-twitter-input-color: #666;--vc-twitter-hash-bg: #f0f0f0;--vc-twitter-hash-color: #98A1A4}:root.dark{--vc-body-bg: #424242;--vc-picker-bg: #d0d0d0;--vc-input-bg: #2c2c2c;--vc-input-text: #d0d0d0;--vc-input-label: #bbbbbb;--vc-input-border: #555555;--vc-chrome-toggle-btn-highlighted: #5c5c5c;--vc-sketch-input-label: #bbbbbb;--vc-sketch-presets-border: #5a5a5a;--vc-twitter-input-border: #383838;--vc-twitter-input-color: #bbbbbb;--vc-twitter-hash-bg: #383838;--vc-twitter-hash-color: #a0acaf;--vc-twitter-input-bg: #555;--vc-ps-bg: #424242;--vc-ps-title-bg-gradient-start: #4e4e4e;--vc-ps-title-bg-gradient-end: #3a3a3a;--vc-ps-title-border: #5a5a5a;--vc-ps-title-color: #bbbbbb;--vc-ps-slider-border: #5c5c5c;--vc-ps-slider-border-bottom: #4a4a4a;--vs-ps-picker-border-dark: #b8b8b8;--vs-ps-picker-border-white: #bbbbbb;--vc-ps-btn-gradient-start: #505050;--vc-ps-btn-gradient-end: #3a3a3a;--vc-ps-btn-border: #6a6a6a;--vc-ps-btn-shadow: #2a2a2a;--vc-ps-btn-color: #bbbbbb;--vc-ps-preview-border: #3a3a3a;--vc-ps-label: #bbbbbb;--vc-ps-input-border: #666666;--vc-ps-input-shadow-dark: rgba(0, 0, 0, .45);--vc-ps-input-shadow-light: #2d2d2d}.bg[data-v-4d048d6e]{cursor:crosshair;position:absolute;inset:0;touch-action:none}.white[data-v-4d048d6e]{background:linear-gradient(to right,#fff,#fff0)}.black[data-v-4d048d6e]{background:linear-gradient(to top,#000,#0000)}.picker-wrap[data-v-4d048d6e]{cursor:pointer;position:absolute;outline:none}.picker[data-v-4d048d6e]{cursor:move;width:4px;height:4px;box-shadow:0 0 0 1.6px var(--vc-picker-bg),inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.vc-base-slider[data-v-972b0fad]{position:relative;width:100%;height:100%;touch-action:none}.background[data-v-972b0fad],.slider[data-v-972b0fad]{position:absolute;inset:0}.background[data-v-972b0fad]{overflow:hidden}.slider[data-v-972b0fad]{cursor:pointer;z-index:2}.picker-wrap[data-v-972b0fad]{position:absolute;z-index:2;outline:none}.picker[data-v-972b0fad]{width:4px;height:8px;margin-top:1px;border-radius:1px;box-shadow:0 0 2px #0009;background:var(--vc-picker-bg);cursor:pointer;transform:translate(-2px)}.vc-hue-slider[data-v-5367c985]{cursor:crosshair;touch-action:none}.gradient[data-v-5367c985]{width:100%;height:100%;border-radius:2px;background:var(--2f44f39d)}.vc-checkerboard[data-v-37d61ccd]{position:absolute;inset:0;background-size:contain}.vc-alpha-slider[data-v-07dd346b] .vc-checkerboard{border-radius:2px}.gradient[data-v-07dd346b]{position:absolute;inset:0}.vc-editable-input[data-v-4a4df1fd]{position:relative}.vc-input-input[data-v-4a4df1fd]{width:100%;padding:0;border:0;outline:none}.vc-input-label[data-v-4a4df1fd]{text-transform:capitalize}.vc-chrome-picker[data-v-abf90852]{width:225px;box-sizing:initial;border-radius:2px;box-shadow:0 0 2px #0000004d,0 4px 8px #0000004d;font-family:Menlo,Consolas,Courier New,monospace}.controls[data-v-abf90852]{display:flex}.color-wrap[data-v-abf90852]{position:relative;width:36px}.active-color[data-v-abf90852]{position:relative;width:30px;height:30px;border-radius:15px;overflow:hidden;z-index:1}.color-wrap[data-v-abf90852] .vc-checkerboard{width:30px;height:30px;border-radius:15px;background-size:auto}.sliders[data-v-abf90852]{flex:1}.fieldsWrap[data-v-abf90852]{display:flex;padding-top:16px}.fields[data-v-abf90852]{display:flex;margin-left:-6px;flex:1}.field[data-v-abf90852]{padding-left:6px;width:100%}.toggle-btn[data-v-abf90852]{width:32px;text-align:right;position:relative}.toggle-icon[data-v-abf90852]{position:relative;margin-right:-4px;margin-top:12px;cursor:pointer;z-index:2;color:var(--vc-input-text)}.toggle-icon_highlighted[data-v-abf90852]{position:absolute;width:24px;height:28px;top:10px;left:12px;background:var(--vc-chrome-toggle-btn-highlighted);border-radius:4px}.hue-wrap[data-v-abf90852]{position:relative;height:10px;margin-bottom:8px}.alpha-wrap[data-v-abf90852]{position:relative;height:10px}.hue-wrap[data-v-abf90852] .container,.alpha-wrap[data-v-abf90852] .gradient{border-radius:2px}.hue-wrap[data-v-abf90852] .picker,.alpha-wrap[data-v-abf90852] .picker{width:12px;height:12px;border-radius:6px;transform:translate(-6px,-2px);box-shadow:0 1px 4px #0000005e}.body[data-v-abf90852]{padding:16px 16px 12px;background-color:var(--vc-body-bg)}.saturation[data-v-abf90852]{width:100%;padding-bottom:55%;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.saturation[data-v-abf90852] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.fields[data-v-abf90852] .vc-input-input{width:100%;height:21px;border-radius:2px;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:11px;text-align:center}.fields[data-v-abf90852] .vc-input-label{display:block;margin-top:12px;font-size:11px;color:var(--vc-input-label);line-height:11px;text-transform:uppercase;text-align:center}.alpha-disabled[data-v-abf90852] .active-color{width:18px;height:18px}.alpha-disabled[data-v-abf90852] .color-wrap{width:30px}.alpha-disabled[data-v-abf90852] .hue-wrap{margin-top:4px;margin-bottom:4px}.vc-compact-picker[data-v-17eda10a]{width:245px;padding-top:5px;padding-left:5px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-17eda10a]{overflow:hidden;padding:0;margin:0}.color-item[data-v-17eda10a]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-17eda10a]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-17eda10a]{background:#000}.dot[data-v-17eda10a]{position:absolute;inset:5px;border-radius:50%;opacity:1;background:#fff}.vc-grayscale-picker[data-v-85f108e1]{padding-top:5px;padding-left:5px;width:245px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-85f108e1]{overflow:hidden;padding:0;margin:0}.color-item[data-v-85f108e1]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-85f108e1]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-85f108e1]{background:#000}.dot[data-v-85f108e1]{position:absolute;inset:5px;border-radius:50%;opacity:1;background:#fff}.vc-material-picker[data-v-4e39f856]{position:relative;width:98px;height:98px;padding:16px;border-radius:2px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.vc-material-picker[data-v-4e39f856] .vc-input-input{width:100%;height:30px;margin-top:12px;background-color:var(--vc-body-bg);color:var(--vc-input-text);font-size:15px}.vc-material-picker[data-v-4e39f856] .vc-input-label{position:absolute;top:0;left:0;font-size:11px;color:var(--vc-input-label)}.hex[data-v-4e39f856]{border-bottom-width:2px;border-bottom-style:solid}.rgb[data-v-4e39f856]{display:flex;margin-right:-10px;padding-top:11px}.color[data-v-4e39f856]{flex:1;padding-right:10px}.vc-photoshop-picker[data-v-fe6db8eb]{width:513px;background:var(--vc-ps-bg);border-radius:4px;box-shadow:0 0 0 1px #00000040,0 8px 16px #00000026;box-sizing:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.fields_disabled[data-v-fe6db8eb]{width:390px}.title[data-v-fe6db8eb]{height:23px;background-image:linear-gradient(-180deg,var(--vc-ps-title-bg-gradient-start) 0%,var(--vc-ps-title-bg-gradient-end) 100%);border-bottom:1px solid var(--vc-ps-title-border);border-radius:4px 4px 0 0;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000005;color:var(--vc-ps-title-color);font-size:13px;line-height:24px;text-align:center}.body[data-v-fe6db8eb]{padding:15px;display:flex}.saturation[data-v-fe6db8eb]{width:256px;height:256px;position:relative;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);overflow:hidden}.saturation[data-v-fe6db8eb] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.hue[data-v-fe6db8eb]{height:256px;width:19px;margin-left:10px;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom)}.hue-picker[data-v-fe6db8eb]{position:relative}.hue-picker-left[data-v-fe6db8eb],.hue-picker-right[data-v-fe6db8eb]{position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--vs-ps-picker-border-dark);cursor:pointer}.hue-picker-left[data-v-fe6db8eb]:after,.hue-picker-right[data-v-fe6db8eb]:after{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--vs-ps-picker-border-white);position:absolute;top:1px;left:1px;transform:translate(-8px,-5px)}.hue-picker-left[data-v-fe6db8eb]{transform:translate(-10px,-4px)}.hue-picker-right[data-v-fe6db8eb]{transform:translate(21px,-4px) rotate(180deg)}.controls[data-v-fe6db8eb]{width:180px;margin-left:10px;display:flex}.controls_fields_disabled[data-v-fe6db8eb]{width:auto}.actions[data-v-fe6db8eb]{margin-left:20px;flex:1}.action-btn[data-v-fe6db8eb]{height:20px;margin-bottom:10px;background-image:linear-gradient(-180deg,var(--vc-ps-btn-gradient-start) 0%,var(--vc-ps-btn-gradient-end) 100%);border:1px solid var(--vc-ps-btn-border);border-radius:2px;box-shadow:0 1px 0 0 var(--vc-ps-btn-shadow);cursor:pointer;color:var(--vc-ps-btn-color);font-size:14px;line-height:20px;text-align:center}.preview[data-v-fe6db8eb]{width:60px}.preview-swatches[data-v-fe6db8eb]{border:1px solid var(--vc-ps-slider-border);border-bottom:1px solid var(--vc-ps-slider-border-bottom);margin-bottom:2px;margin-top:1px}.preview-color[data-v-fe6db8eb]{height:34px;box-shadow:inset 1px 0 var(--vc-ps-preview-border),inset -1px 0 var(--vc-ps-preview-border),inset 0 1px var(--vc-ps-preview-border)}.preview-label[data-v-fe6db8eb]{color:var(--vc-ps-label);font-size:14px;text-align:center}.fields[data-v-fe6db8eb]{padding-top:5px;padding-bottom:9px;width:80px;position:relative}.fields[data-v-fe6db8eb] .vc-input-input{width:40%;height:18px;margin-left:40%;margin-right:10px;margin-bottom:5px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);background-color:var(--vc-input-bg);color:var(--vc-ps-label);font-size:13px}.fields[data-v-fe6db8eb] .vc-input-label,.fields[data-v-fe6db8eb] .vc-input-desc{position:absolute;top:0;height:18px;color:var(--vc-ps-label);font-size:13px;line-height:22px;text-transform:uppercase}.fields[data-v-fe6db8eb] .vc-input-label{left:0;width:34px}.fields[data-v-fe6db8eb] .vc-input-desc{right:0;width:0}.fields-divider[data-v-fe6db8eb]{height:5px}.hex[data-v-fe6db8eb] .vc-input-input{width:80%;height:18px;margin-left:20%;margin-bottom:6px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);font-size:13px}.hex[data-v-fe6db8eb] .vc-input-label{position:absolute;top:0;left:0;width:14px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px}.vc-sketch-picker[data-v-4a59b29b]{position:relative;width:200px;padding:10px 10px 0;box-sizing:initial;background:var(--vc-body-bg);border-radius:4px;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026;font-family:Menlo,Consolas,Courier New,monospace}.saturation[data-v-4a59b29b]{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.controls[data-v-4a59b29b]{display:flex}.sliders[data-v-4a59b29b]{padding:4px 0;flex:1}.hue[data-v-4a59b29b] .container,.alpha[data-v-4a59b29b] .gradient{border-radius:2px}.hue[data-v-4a59b29b]{position:relative;height:10px}.alpha[data-v-4a59b29b]{position:relative;height:10px;margin-top:4px;overflow:hidden}.color[data-v-4a59b29b]{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:2px;overflow:hidden}.active-color[data-v-4a59b29b]{position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 4px #00000040;z-index:2}.color[data-v-4a59b29b] .vc-checkerboard{background-size:auto}.field[data-v-4a59b29b]{display:flex;padding-top:4px}.field[data-v-4a59b29b] .vc-input-input{width:90%;padding:4px 0 3px 10%;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:10px}.field[data-v-4a59b29b] .vc-input-label{display:block;padding-top:3px;padding-bottom:4px;color:var(--vc-sketch-input-label);font-size:11px;text-align:center}.field_single[data-v-4a59b29b]{flex:1;padding-left:6px}.field_double[data-v-4a59b29b]{flex:2}.presets[data-v-4a59b29b]{margin-right:-10px;margin-left:-10px;padding-left:10px;padding-top:10px;border-top:1px solid var(--vc-sketch-presets-border)}.preset-color[data-v-4a59b29b]{border-radius:3px;overflow:hidden;position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top;cursor:pointer;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026}.preset-color[data-v-4a59b29b] .vc-checkerboard{box-shadow:inset 0 0 0 1px #00000026;border-radius:3px}.alpha-disabled .color[data-v-4a59b29b]{height:10px}.vc-slider-picker[data-v-675d6988]{position:relative;width:410px}.hue[data-v-675d6988]{height:12px;position:relative}.hue[data-v-675d6988] .picker,.alpha[data-v-675d6988] .picker{width:14px;height:14px;border-radius:6px;box-shadow:0 1px 4px #0000005e;transform:translate(-7px,-2px)}.alpha[data-v-675d6988]{height:12px;position:relative;margin-top:20px}.swatches[data-v-675d6988]{display:flex;margin-top:20px}.swatch[data-v-675d6988]{margin-right:1px;flex:1;width:20%}.swatch[data-v-675d6988]:first-child{margin-right:1px}.swatch:first-child .picker[data-v-675d6988]{border-radius:2px 0 0 2px}.swatch[data-v-675d6988]:last-child{margin-right:0}.swatch:last-child .picker[data-v-675d6988]{border-radius:0 2px 2px 0}.picker[data-v-675d6988]{cursor:pointer;height:12px}.swatch:nth-child(n) .picker_active[data-v-675d6988]{transform:scaleY(1.8);border-radius:3.6px/2px}.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 1px #ddd}.picker_active.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 .6px #ddd}.vc-swatches-picker[data-v-3427cb2a]{width:320px;height:240px;overflow-y:scroll;background-color:var(--vc-body-bg);box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.box[data-v-3427cb2a]{padding:16px 0 6px 16px;overflow:hidden}.colorGroup[data-v-3427cb2a]{padding-bottom:10px;width:40px;float:left;margin-right:10px}.color[data-v-3427cb2a]{box-sizing:border-box;width:40px;height:24px;margin-bottom:1px;cursor:pointer;overflow:hidden;-ms-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}.color_white[data-v-3427cb2a]{border:1px solid #ddd}.picker[data-v-3427cb2a]{display:block;fill:#fff;margin-left:8px}.color_white .picker[data-v-3427cb2a]{fill:#333}.vc-twitter-picker[data-v-4652e193]{position:relative;background:var(--vc-body-bg);border:0 solid rgba(0,0,0,.25);box-shadow:0 1px 4px #00000040;border-radius:4px}.triangle[data-v-4652e193]{position:absolute;width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent var(--vc-body-bg) transparent}.triangle_shadow[data-v-4652e193]{width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent rgba(0,0,0,.1) transparent;position:absolute}.body[data-v-4652e193]{padding:15px 9px 9px 15px}.vc-twitter-picker[data-v-4652e193] .vc-editable-input{position:relative}.vc-twitter-picker[data-v-4652e193] .vc-input-input{float:left;width:100px;height:28px;padding:1px 1px 1px 8px;outline:none;box-shadow:inset 0 0 0 1px var(--vc-twitter-input-border);box-sizing:content-box;border:0px;border-radius:0 4px 4px 0;background-color:var(--vc-twitter-input-bg);color:var(--vc-twitter-input-color);font-size:14px}.vc-twitter-picker[data-v-4652e193] .vc-editable-input span{display:none}.hash[data-v-4652e193]{float:left;display:flex;align-items:center;justify-content:center;height:30px;width:30px;border-radius:4px 0 0 4px;background:var(--vc-twitter-hash-bg);color:var(--vc-twitter-hash-color)}.swatch[data-v-4652e193]{width:30px;height:30px;float:left;border-radius:4px;margin:0 6px 6px 0;cursor:pointer;position:relative;outline:none}.clear[data-v-4652e193]{clear:both}.tri_hide .triangle[data-v-4652e193],.tri_hide .triangle_shadow[data-v-4652e193]{display:none}.tri_top_left .triangle[data-v-4652e193]{top:-10px;left:12px}.tri_top_left .triangle_shadow[data-v-4652e193]{top:-11px;left:12px}.tri_top_right .triangle[data-v-4652e193]{top:-10px;right:12px}.tri_top_right .triangle_shadow[data-v-4652e193]{top:-11px;right:12px}.vc-hue-wrap[data-v-b3ac1ab2]{height:8px}.vc-hue-wrap[data-v-b3ac1ab2] .slider{border-radius:4px}.vc-hue-wrap[data-v-b3ac1ab2] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;background-color:var(--46ac36b6);transform:translate(-12px) translateY(-8px)}.vc-hsl-sliders[data-v-2e071f54]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-2e071f54]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-2e071f54]:last-of-type{margin-bottom:0}.label[data-v-2e071f54]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsl-sliders[data-v-2e071f54] .vc-base-slider{margin-top:5px;height:14px}.vc-hsl-sliders[data-v-2e071f54] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-2e071f54]{width:100%;height:100%}.vc-hsl-sliders[data-v-2e071f54] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-2e071f54] .picker{background-color:var(--41b5b6d0)}.s-slider[data-v-2e071f54] .picker,.l-slider[data-v-2e071f54] .picker{background-color:var(--05fbe691)}.vc-hsl-sliders[data-v-2e071f54] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsl-sliders[data-v-2e071f54] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-hsv-sliders[data-v-d6cfe1d9]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-d6cfe1d9]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-d6cfe1d9]:last-of-type{margin-bottom:0}.label[data-v-d6cfe1d9]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-base-slider{margin-top:5px;height:14px}.vc-hsv-sliders[data-v-d6cfe1d9] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-d6cfe1d9]{width:100%;height:100%}.vc-hsv-sliders[data-v-d6cfe1d9] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-d6cfe1d9] .picker{background-color:var(--f666f450)}.s-slider[data-v-d6cfe1d9] .picker,.b-slider[data-v-d6cfe1d9] .picker{background-color:var(--46b90cce)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-rgb-sliders[data-v-98b3b212]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-98b3b212]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-98b3b212]:last-of-type{margin-bottom:0}.label[data-v-98b3b212]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-rgb-sliders[data-v-98b3b212] .vc-base-slider{margin-top:5px;height:14px}.vc-rgb-sliders[data-v-98b3b212] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-98b3b212]{width:100%;height:100%}.vc-rgb-sliders[data-v-98b3b212] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.slider-wrap[data-v-98b3b212]:not(.a-slider) .picker{background-color:var(--5f730604)}.vc-rgb-sliders[data-v-98b3b212] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-rgb-sliders[data-v-98b3b212] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}
[data-notivue=success],[data-notivue=promise-resolve]{--nv-bg: var(--nv-success-bg);--nv-fg: var(--nv-success-fg);--nv-accent: var(--nv-success-accent, var(--nv-global-accent));--nv-border: var(--nv-success-border)}[data-notivue=error],[data-notivue=promise-reject]{--nv-bg: var(--nv-error-bg);--nv-fg: var(--nv-error-fg);--nv-accent: var(--nv-error-accent, var(--nv-global-accent));--nv-border: var(--nv-error-border)}[data-notivue=warning]{--nv-bg: var(--nv-warning-bg);--nv-fg: var(--nv-warning-fg);--nv-accent: var(--nv-warning-accent, var(--nv-global-accent));--nv-border: var(--nv-warning-border)}[data-notivue=info]{--nv-bg: var(--nv-info-bg);--nv-fg: var(--nv-info-fg);--nv-accent: var(--nv-info-accent, var(--nv-global-accent));--nv-border: var(--nv-info-border)}[data-notivue=promise]{--nv-bg: var(--nv-promise-bg);--nv-fg: var(--nv-promise-fg);--nv-accent: var(--nv-promise-accent, var(--nv-global-accent));--nv-border: var(--nv-promise-border)}.Notivue__notification{--tip-width: calc(var(--tip-width-fx, 1) * var(--nv-tip-width, 0px));box-sizing:border-box;position:relative;width:var(--nv-min-width, auto);max-width:var(--nv-width, 100%);background-color:var(--nv-bg, var(--nv-global-bg));display:flex;align-items:var(--nv-y-align);border-radius:var(--nv-radius, 0);border:var(--nv-border-width, 0) solid var(--nv-border, var(--nv-global-border));box-shadow:var(--nv-shadow, 0 0 rgba(0, 0, 0, 0)),inset var(--tip-width) 0 0 var(--nv-accent)}.Notivue__notification *{box-sizing:border-box;touch-action:manipulation}.Notivue__notification[data-notivue-has-title=true]{align-items:var(--nv-y-align-has-title, var(--nv-y-align))}.Notivue__icon{display:flex;justify-content:center;align-items:center;overflow:visible;min-width:var(--nv-icon-size);width:var(--nv-icon-size);height:var(--nv-icon-size);margin:var(--nv-spacing) 0 var(--nv-spacing) var(--nv-spacing);color:var(--nv-accent)}.Notivue__content{--nv-content-space: calc(var(--nv-spacing) + var(--nv-spacing) * .15);display:flex;flex-direction:column;flex-grow:1;text-align:inherit;padding:var(--nv-content-space)}.Notivue__content-title{line-height:1.15;font-weight:700;color:var(--nv-fg, var(--nv-global-fg));font-size:var(--nv-title-size);margin:0 0 .33em;padding:0}.Notivue__transition-enter-active{--dur-easing: .5s cubic-bezier(.16, 1, .3, 1);transition:opacity var(--dur-easing),transform var(--dur-easing)}@media (prefers-reduced-motion: reduce){.Notivue__transition-enter-active{transition:none}}.Notivue__transition-enter-from{opacity:0;transform:scale(.8)}.Notivue__transition-enter-to{opacity:1;transform:scale(1)}.Notivue__transition-leave-active{transition:opacity 0ms ease}.Notivue__transition-leave-from,.Notivue__transition-leave-to{opacity:0}.Notivue__content-message{max-height:250px;overflow:auto;line-height:1.375;color:var(--nv-fg, var(--nv-global-fg));margin:0;padding:0;font-size:var(--nv-message-size);white-space:pre-line}.Notivue__close{position:relative;cursor:pointer;padding:calc(var(--nv-spacing) / 2);margin:var(--nv-spacing) var(--nv-spacing) var(--nv-spacing) 0;font-weight:700;border:none;background:none;line-height:1;font-size:var(--nv-message-size);color:var(--nv-fg, var(--nv-global-fg));-webkit-tap-highlight-color:rgba(0,0,0,0)}.Notivue__close:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--nv-fg, var(--nv-global-fg));opacity:0;border-radius:calc(var(--nv-radius) / 2);transition:opacity .1s ease-out}@media (hover: hover){.Notivue__close:hover{opacity:1}.Notivue__close:hover:after{opacity:.1}.Notivue__close:hover .Notivue__close-icon{opacity:1}}.Notivue__close-icon{width:var(--nv-icon-size);height:var(--nv-icon-size);display:flex;color:var(--nv-fg, var(--nv-global-fg));pointer-events:none;opacity:.65}.Notivue__spinner{transform-origin:center;animation:Notivue__spinner-kf .75s infinite linear}@keyframes Notivue__spinner-kf{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.Notivue__spinner,.Notivue__duplicate{animation:none}}[dir=rtl] .Notivue__notification{--tip-width-fx: -1}[dir=rtl] .Notivue__icon{margin:var(--nv-spacing) var(--nv-spacing) var(--nv-spacing) 0}[dir=rtl] .Notivue__content-message{font-size:calc(var(--nv-message-size) + .1em)}[dir=rtl] .Notivue__content-title{font-size:calc(var(--nv-title-size) + .1em)}[dir=rtl] .Notivue__close{margin:var(--nv-spacing) 0 var(--nv-spacing) var(--nv-spacing)}.Notivue__duplicate{animation:Notivue__duplicate-kf .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes Notivue__duplicate-kf{0%{transform:scale(1);opacity:1}50%{transform:scale(1.035);opacity:.8}to{transform:scale(1);opacity:1}}
[data-notivue-align=top] .Notivue__enter,[data-notivue-align=top] .Notivue__leave{--notivue-ty: -200%}[data-notivue-align=bottom] .Notivue__enter,[data-notivue-align=bottom] .Notivue__leave{--notivue-ty: 200%}.Notivue__enter{animation:Notivue__enter-kf .35s cubic-bezier(.5,1,.25,1)}.Notivue__leave{animation:Notivue__leave-kf .35s ease}.Notivue__clearAll{animation:Notivue__clearAll-kf .5s cubic-bezier(.22,1,.36,1)}@keyframes Notivue__enter-kf{0%{transform:translate3d(0,var(--notivue-ty),0) scale(.25);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes Notivue__leave-kf{0%{transform:translateZ(0) scale(1);opacity:.7}to{transform:translate3d(0,var(--notivue-ty),0) scale(0);opacity:0}}@keyframes Notivue__clearAll-kf{0%{opacity:1}to{opacity:0}}