@ozdao/prometheus-framework 0.2.303 → 0.2.304

package/dist/prometheus-framework/src/modules/pages/pages.client.cjs

@@ -11,82 +11,47 @@
 }
 .slide-fade-enter-from,
 .slide-fade-leave-to {
+  min-height: 0;
   position: absolute;
   transform: translateX(20px);
   opacity: 0;
   left: 0;
   top: 0;
-}.fade-enter-active, .fade-leave-active {
-  transition: opacity 0.5s;
-}
-.fade-enter, .fade-leave-to {
-  opacity: 0;
-}
-.carousel__track {
-  height: 100%;
-}
-.carousel-controls {
-  position: absolute;
-  top: 0;
-  right: 0;
 }
-.carousel-indicators {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  justify-content: center;
+  /* Add styles for the user card component here */
+.VueSelect {
+  background: #f7f7f7;
+  border-radius: 0.5rem;
+  border: 0;
+  height: 3rem;
+  padding-left: 1rem;
+  z-index: 4;
 }
-.carousel-indicators li {
-  list-style: none;
-  margin: 0 5px;
-  width: 10px;
-  height: 10px;
-  background: gray;
-  border-radius: 50%;
+.VueSelect .vue-input input {
+  font-size: 1.125rem;
+  font-weight: 300;
+  background: #f7f7f7;
 }
-.carousel-indicators li.active {
-  background: white;
+.subdepartmentsartment[data-v-15358182] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
 }
-.parent-div {
+
+.documents[data-v-f93fcad7] {
   display: flex;
   flex-direction: column;
-  height: 100%;
-  width: 100%;
-}
-.background-div {
-  flex-grow: 1;
-}.soon-label {
-  position: absolute;
-  right: -0.25em;
-  top: -0.25rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  line-height: 1.5rem;
-}
-.slide-fade-enter-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.slide-fade-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  position: absolute;
-  transform: translateX(20px);
-  opacity: 0;
-  left: 0;
-  top: 0;
+.popup[data-v-f93fcad7] {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white;
+  border: 1px solid #ccc;
+  padding: 20px;
+  z-index: 10;
 }
-.input-error {
-  border: 1px solid red;
-  box-shadow: 0 0 3px 0 red;
-}.selector {
-  flex-grow: 1;
-  flex-basis: 0;
-  min-width: 0;
-}.moveFromTop-enter-active,
+.moveFromTop-enter-active,
 .moveFromTop-leave-active {
   transform: translateY(0);
   opacity: 1;
@@ -280,25 +245,38 @@
   opacity: 1;
 }#sidebar ul li {
   margin-bottom: 1rem;
-}.container-joinus {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 66%;
-  position: relative;
+}.header-shopcart {
+  position: absolute;
+  right: 4.25rem;
 }
-.container-joinus .content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  z-index: 2;
-}.slider-hotpost .embla__slide {
-  flex: 0 0 25%;
+.header-title {
+  pointer-events: none;
 }
-@media screen and (max-width: 1025px) {
-.slider-hotpost .embla__slide {
-    flex: 0 0 75%;
+.slideIn-enter-active,
+.slideIn-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slideIn-enter-from,
+.slideIn-leave-to {
+  opacity: 0;
+  transform: translateX(10px);
+}
+.slideIn-enter-from span,
+.slideIn-leave-to span {
+  position: absolute;
+}
+.slideY-enter-active,
+.slideY-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slideY-enter-from,
+.slideY-leave-to {
+  opacity: 0;
+  transform: translateY(50px);
 }
+.slideY-enter-from span,
+.slideY-leave-to span {
+  position: absolute;
 }.fade-move,
 .fade-enter-active,
 .fade-leave-active {
@@ -331,47 +309,82 @@
 }
 .slide-fade-enter-from,
 .slide-fade-leave-to {
-  min-height: 0;
   position: absolute;
   transform: translateX(20px);
   opacity: 0;
   left: 0;
   top: 0;
-}.VueSelect {
-  background: #f7f7f7;
-  border-radius: 0.5rem;
-  border: 0;
-  height: 3rem;
+}.soon-label {
+  position: absolute;
+  right: -0.25em;
+  top: -0.25rem;
   padding-left: 1rem;
-  z-index: 4;
+  padding-right: 1rem;
+  line-height: 1.5rem;
 }
-.VueSelect .vue-input input {
-  font-size: 1.125rem;
-  font-weight: 300;
-  background: #f7f7f7;
+.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-  /* Add styles for the user card component here */
-
-.subdepartmentsartment[data-v-15358182] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-
-.documents[data-v-f93fcad7] {
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  position: absolute;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
+}
+.input-error {
+  border: 1px solid red;
+  box-shadow: 0 0 3px 0 red;
+}.selector {
+  flex-grow: 1;
+  flex-basis: 0;
+  min-width: 0;
+}.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.5s;
+}
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+.carousel__track {
+  height: 100%;
+}
+.carousel-controls {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.carousel-indicators {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+}
+.carousel-indicators li {
+  list-style: none;
+  margin: 0 5px;
+  width: 10px;
+  height: 10px;
+  background: gray;
+  border-radius: 50%;
+}
+.carousel-indicators li.active {
+  background: white;
+}
+.parent-div {
   display: flex;
   flex-direction: column;
+  height: 100%;
+  width: 100%;
 }
-.popup[data-v-f93fcad7] {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: white;
-  border: 1px solid #ccc;
-  padding: 20px;
-  z-index: 10;
+.background-div {
+  flex-grow: 1;
 }
-
 .magnifier[data-v-48231055] {
   max-width: 32rem;
 }
@@ -414,6 +427,11 @@
   font-size: 1.125rem;
   font-weight: 300;
   background: #f7f7f7;
+}.shop-cart-item[data-v-bebbf16b]:first-of-type {
+  padding-top: 0;
+}
+.spoiler-active[data-v-bebbf16b] {
+  transform: rotate(180deg);
 }
 .expand-enter-active[data-v-e552bc5f],
 .expand-leave-active[data-v-e552bc5f] {
@@ -452,12 +470,7 @@
 /*.product-360-viewer img:hover {
   transform: scale(1.1);
 }*/
-.shop-cart-item[data-v-bebbf16b]:first-of-type {
-  padding-top: 0;
-}
-.spoiler-active[data-v-bebbf16b] {
-  transform: rotate(180deg);
-}
+
 .spiral {
 	
   background-size: cover;
@@ -479,22 +492,7 @@
     transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.embla {
-  overflow: hidden;
-}
-.embla__container {
-  display: flex;
-}
-.embla__slide {
-  flex: 0 0 25%;
-  min-width: 0;
-}
-@media screen and (max-width: 1025px) {
-.embla__slide {
-    flex: 0 0 50%;
-    min-width: 0;
-}
-}.grid-container {
+.grid-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(2, 1fr);
@@ -518,15 +516,28 @@
   align-items: center;
   width: fit-content;
   color: black;
+}.embla {
+  overflow: hidden;
 }
-/* Ваши стили */
-.thc {
-  position: absolute;
-  right: 1rem;
-  top: 1rem;
+.embla__container {
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+}
+.embla__slide {
+  flex: 0 0 25%;
+  min-width: 0;
+}
+@media screen and (max-width: 1025px) {
+.embla__slide {
+    flex: 0 0 50%;
+    min-width: 0;
+}
+}.thc {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   width: 6rem;
@@ -554,15 +565,15 @@
     transform: scale(0.75) !important;
     transform-origin: top right !important;
 }
-}
-/* Add your styles here */
-.h1-product {
+}.h1-product {
   font-size: 3rem;
 }
 .produc-data {
   padding-top: 2rem;
   padding-bottom: 0;
-}.main-photo {
+}
+/* Ваши стили */
+.main-photo {
   max-width: 50%;
 }
 .main-photo img {
@@ -600,57 +611,9 @@
 .order-card .block {
   border-radius: 0;
   border: 0;
-}.spiral[data-v-4a28df5c] {
-  background-image: url("https://weeder.delivery/spiral.jpg");
-  background-size: cover;
-  width: 100rem;
-  height: 100rem;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  opacity: 0.066;
-  transform: translate(-50%, -50%) rotate(0deg);
-  transform-origin: center center;
-  animation: spin-4a28df5c 5s linear infinite;
-}
-@keyframes spin-4a28df5c {
-0% {
-    transform: translate(-50%, -50%) rotate(0deg);
-}
-100% {
-    transform: translate(-50%, -50%) rotate(360deg);
-}
-}@media screen and (max-width: 1025px) {
-#mobileApp {
-    text-align: center;
-}
-#mobileApp > section {
-    flex-direction: column;
-}
-#mobileApp > section > div {
-    order: 1;
-}
-}.grid[data-v-9b14ae83] {
-  perspective: 450px;
-  background-size: cover;
-}
-.grid-lines[data-v-9b14ae83] {
-  width: 100%;
-  height: 200%;
-  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);
-  background-size: 45px 30px;
-  background-repeat: repeat;
-  transform-origin: 100% 0 0;
-  animation: play-9b14ae83 15s linear infinite;
-}
-@keyframes play-9b14ae83 {
-0% {
-    transform: rotateX(45deg) translateY(-50%);
-}
-100% {
-    transform: rotateX(45deg) translateY(0);
-}
 }
+/* Add your styles here */
+
 /* Стили остаются без изменений */
 
 .list-enter-active,
@@ -672,6 +635,12 @@
 50% {
     opacity: 0.8;
 }
+}.vue-select {
+  width: inherit;
+  margin-right: 1rem;
+}
+.vue-select-header {
+  height: 3rem;
 }.round-wrapper {
   position: relative;
 }
@@ -690,12 +659,6 @@
   left: 0.5rem;
   top: 0.5rem;
   opacity: 1;
-}.vue-select {
-  width: inherit;
-  margin-right: 1rem;
-}
-.vue-select-header {
-  height: 3rem;
 }.shop-cart-item[data-v-e9803d20]:first-of-type {
   padding-top: 0;
 }.shop-cart {
@@ -734,11 +697,68 @@
 .shop-cart-active .shopcart-footer {
     right: 0;
 }
+}.spiral[data-v-4a28df5c] {
+  background-image: url("https://weeder.delivery/spiral.jpg");
+  background-size: cover;
+  width: 100rem;
+  height: 100rem;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  opacity: 0.066;
+  transform: translate(-50%, -50%) rotate(0deg);
+  transform-origin: center center;
+  animation: spin-4a28df5c 5s linear infinite;
+}
+@keyframes spin-4a28df5c {
+0% {
+    transform: translate(-50%, -50%) rotate(0deg);
+}
+100% {
+    transform: translate(-50%, -50%) rotate(360deg);
+}
+}@media screen and (max-width: 1025px) {
+#mobileApp {
+    text-align: center;
+}
+#mobileApp > section {
+    flex-direction: column;
+}
+#mobileApp > section > div {
+    order: 1;
+}
+}.grid[data-v-9b14ae83] {
+  perspective: 450px;
+  background-size: cover;
+}
+.grid-lines[data-v-9b14ae83] {
+  width: 100%;
+  height: 200%;
+  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 0);
+  background-size: 45px 30px;
+  background-repeat: repeat;
+  transform-origin: 100% 0 0;
+  animation: play-9b14ae83 15s linear infinite;
+}
+@keyframes play-9b14ae83 {
+0% {
+    transform: rotateX(45deg) translateY(-50%);
+}
+100% {
+    transform: rotateX(45deg) translateY(0);
+}
 }
 .subspotsartment[data-v-83b42a48] {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 1rem;
 }
+#map[data-v-fd0cdc10]:focus {
+  outline: none;
+}
+.subspotsartment[data-v-bc545dfb] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
 
 .form-group[data-v-3c991e96] {
   margin-bottom: 1rem;
@@ -753,13 +773,48 @@ input[data-v-3c991e96] {
   border: 1px solid #ccc;
   border-radius: 5px;
 }
-
-.subspotsartment[data-v-bc545dfb] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
+.container-joinus {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 66%;
+  position: relative;
 }
-#map[data-v-fd0cdc10]:focus {
-  outline: none;
+.container-joinus .content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  z-index: 2;
+}.slider-hotpost .embla__slide {
+  flex: 0 0 25%;
+}
+@media screen and (max-width: 1025px) {
+.slider-hotpost .embla__slide {
+    flex: 0 0 75%;
+}
+}.breadcrumbs {
+  height: 4rem;
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.breadcrumbs .home {
+  height: 1rem;
+}
+.breadcrumbs .chevron {
+  height: 0.75rem;
+}
+.breadcrumbs a {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.breadcrumbs a span {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.breadcrumbs .router-link-exact-active:last-of-type span {
+  color: #00ff88;
 }.tab-selector {
   position: absolute;
   width: 50%;
@@ -768,244 +823,63 @@ input[data-v-3c991e96] {
   top: 0;
   z-index: 0;
   transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}button[disabled] {
-  background: grey;
 }
-button[disabled]:hover {
-  background: grey;
-}
-.FromTop-enter-active,
-.FromTop-leave-active {
-  transform: translateY(0);
-  opacity: 1;
+.feed-move, /* apply transition to moving elements */
+.feed-enter-active,
+.feed-leave-active {
   transition: all 0.5s ease;
 }
-.FromTop-enter-from,
-.FromTop-leave-to {
-  position: absolute;
-  transform: translateY(-1rem);
+.feed-enter-from,
+.feed-leave-to {
   opacity: 0;
-  transition: all 0.5s ease;
-}
-.button {
-  display: flex;
-  width: fit-content;
-  padding: 1rem 1.75rem;
-  border-radius: 3rem;
-  transform: scale(1);
-  opacity: 1;
-  align-items: center;
-  justify-content: center;
-  color: black;
-  text-align: center;
-  text-transform: uppercase;
-  font-size: 1rem;
-  letter-spacing: 5%;
-  transition: all 0.33s ease;
+  transform: translateY(30px);
 }
-.button:hover {
-  cursor: pointer;
-  opacity: 0.9;
+
+/* ensure leaving items are taken out of layout flow so that moving
+   animations can be calculated correctly. */
+.feed-leave-active {
+  position: absolute;
 }
-.button:active {
-  transform: scale(0.95);
+.spoiler {
+  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
 }
-.button-small {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  height: fit-content;
+.collapse-enter-active,
+.collapse-leave-active {
+  max-height: 2000px;
 }
-.button .button-counter {
-  position: absolute;
-  right: -8px;
-  bottom: -8px;
-  background: yellow;
-  height: 16px;
-  border-radius: 16px;
-  width: 16px;
-  font-weight: 500;
-  text-align: center;
-  line-height: 16px;
-  font-size: 10px;
+.collapse-enter-from,
+.collapse-leave-to {
+  max-height: 0;
 }input[data-v-5659d4ce], textarea[data-v-5659d4ce], span[data-v-5659d4ce] {
   line-height: 1;
   color: inherit;
-}.vue3-reactive-tel-input {
-  display: flex;
-}
-.vue3-reactive-tel-input.disabled .dropdown, .vue3-reactive-tel-input.disabled .selection, .vue3-reactive-tel-input.disabled input {
-  cursor: no-drop;
-}
-.vti__dropdown {
-  display: flex;
-  flex-direction: column;
-  align-content: center;
-  justify-content: center;
-  position: relative;
-  padding: 2px;
-  cursor: pointer;
-}
-.vti__dropdown.show {
-  max-height: 300px;
-  overflow: scroll;
-}
-.vti__dropdown-list {
-  z-index: 1;
-  padding: 0;
-  margin: 0;
-  text-align: left;
-  list-style: none;
-  max-height: 200px;
-  overflow-y: scroll;
-  position: absolute;
-  left: -1px;
-  background-color: #fff;
-  width: fit-content;
-}
-.vti__dropdown-list.below {
-  top: 33px;
-}
-.vti__dropdown-list.above {
-  top: auto;
-  bottom: 100%;
-}
-.vti__dropdown-arrow {
-  transform: scaleY(0.5);
-  display: inline-block;
-  color: #666;
-}
-.vti__dropdown-item {
-  cursor: pointer;
-  padding: 4px 15px;
-}
-.vti__dropdown-item.last-preferred {
-  border-bottom: 1px solid #cacaca;
-}
-.vti__dropdown-item .vti__flag {
-  display: inline-block;
-  margin-right: 5px;
-}
-.vti__input {
-  color: inherit;
-  border: none;
-  border-radius: 0 2px 2px 0;
-  width: 100%;
-  outline: 0;
-  padding-left: 7px;
-}
-.dropdown-content {
-  display: block;
-  position: absolute;
-  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-  z-index: 1;
-}
-
-/*.dropdown:hover .dropdown-content {
-  display: block;
-}*/
-.mobile-menu-section > div:last-of-type {
+}.mobile-menu-section > div:last-of-type {
   border-bottom: none !important;
-}.vue3-marquee {
-  display: flex !important;
-  position: relative;
+}li[data-v-bf25c24d] {
+  list-style-type: none;
 }
-.vue3-marquee .marquee {
-  flex: 0 0 auto;
-  min-width: var(--min-width);
-  min-height: var(--min-height);
-  z-index: 1;
-  animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
-  animation-play-state: var(--pauseAnimation);
-  animation-direction: var(--direction);
+ul li[data-v-bf25c24d] {
+  line-height: 2;
 }
-.vue3-marquee .overlay {
+.my-location-button {
   position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.vue3-marquee .overlay:before {
-  left: 0;
-  top: 0;
+  right: 10px;
+  top: 10px;
+  z-index: 99;
 }
-.vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
-  content: "";
-  position: absolute;
-  z-index: 2;
+.gm-style-cc { display:none;
 }
-.vue3-marquee .transparent-overlay {
+
+
+
+.pac-container {
   position: absolute;
-  width: 100.5%;
-  height: 100.5%;
-}
-.vue3-marquee.horizontal {
-  overflow-x: hidden !important;
-  flex-direction: row !important;
-  width: 100%;
-  height: max-content;
-}
-.vue3-marquee.horizontal .marquee {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
-  background: linear-gradient(to right, var(--gradient-color));
-  height: 100%;
-  width: var(--gradient-length);
-}
-.vue3-marquee.horizontal .overlay::after {
-  transform: rotateZ(180deg);
-  right: 0;
-  top: 0;
-}
-.vue3-marquee.vertical {
-  overflow-y: hidden !important;
-  flex-direction: column !important;
-  height: 100%;
-  width: max-content;
-}
-.vue3-marquee.vertical .marquee {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
-  background: linear-gradient(to bottom, var(--gradient-color));
-  height: var(--gradient-length);
-  width: 100%;
-}
-.vue3-marquee.vertical .overlay::after {
-  transform: rotateZ(-180deg);
-  left: 0;
-  bottom: 0;
-}
-.vue3-marquee:hover div {
-  animation-play-state: var(--pauseOnHover);
-}
-.vue3-marquee:active div {
-  animation-play-state: var(--pauseOnClick);
-}
-@keyframes scrollX {
-0% {
-    transform: translateX(0%);
-}
-100% {
-    transform: translateX(-100%);
-}
-}
-@keyframes scrollY {
-0% {
-    transform: translateY(0%);
-}
-100% {
-    transform: translateY(-100%);
+  background-color: white;
+  z-index: 1000;
+  border-radius: 2rem;
+  overflow: hidden;
 }
-}.error-wrapper {
-  position: fixed;
-  left: 0;
-  right: 0;
-  opacity: 0.9;
-}.no-scroll {
+.no-scroll {
   overflow: hidden;
 }
 .popup-wrapper {
@@ -1045,328 +919,582 @@ button[disabled]:hover {
 .color-overlay.active {
   background: rgba(0, 0, 0, 0.25);
   pointer-events: all;
+}button[disabled] {
+  background: grey;
 }
-.circular-loader {
-  position: relative;
-  top: calc(50% - 1rem);
-  left: calc(50% - 1rem);
-  z-index: 50;
-  height: 2rem;
-  width: 2rem;
-  z-index: 50;
-}
-.circular-loader svg {
-  animation: rotate 2s linear infinite;
-}
-.circular-loader-circle {
-  stroke-dasharray: 1, 200;
-  stroke-dashoffset: 0;
-  stroke-linecap: round;
-  stroke: rgb(var(--main));
-  animation: dash 1.5s ease-in-out infinite;
+button[disabled]:hover {
+  background: grey;
 }
-.circular-loader-fill {
-  stroke-linecap: round;
-  stroke: rgba(var(--black),0.2);
+.FromTop-enter-active,
+.FromTop-leave-active {
+  transform: translateY(0);
+  opacity: 1;
+  transition: all 0.5s ease;
 }
-.progress-text {
+.FromTop-enter-from,
+.FromTop-leave-to {
   position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 0.8rem;
-  color: rgb(var(--main));
+  transform: translateY(-1rem);
+  opacity: 0;
+  transition: all 0.5s ease;
 }
-.status-text {
-  position: absolute;
-  top: 120%;
-  left: calc(50% - 5rem);
-  font-size: 0.8rem;
-  width: 10rem !important;
+.button {
+  display: flex;
+  width: fit-content;
+  padding: 1rem 1.75rem;
+  border-radius: 3rem;
+  transform: scale(1);
+  opacity: 1;
+  align-items: center;
+  justify-content: center;
+  color: black;
   text-align: center;
+  text-transform: uppercase;
+  font-size: 1rem;
+  letter-spacing: 5%;
+  transition: all 0.33s ease;
 }
-@keyframes rotate {
-100% {
-    transform: rotate(360deg);
-}
+.button:hover {
+  cursor: pointer;
+  opacity: 0.9;
 }
-@keyframes dash {
-0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
+.button:active {
+  transform: scale(0.95);
 }
-50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35;
-}
-100% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: -124;
-}
-}
-.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
-  color: rgb(var(--main)) !important;
+.button-small {
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.5rem;
+  height: fit-content;
 }
-a[data-v-380d7b3b]:hover {
-  cursor: pointer;
-  color: rgb(var(--main));
-}.header-shopcart {
+.button .button-counter {
   position: absolute;
-  right: 4.25rem;
-}
-.header-title {
-  pointer-events: none;
+  right: -8px;
+  bottom: -8px;
+  background: yellow;
+  height: 16px;
+  border-radius: 16px;
+  width: 16px;
+  font-weight: 500;
+  text-align: center;
+  line-height: 16px;
+  font-size: 10px;
 }
-.slideIn-enter-active,
-.slideIn-leave-active {
-  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+fieldset[disabled] .multiselect {
+    pointer-events: none;
 }
-.slideIn-enter-from,
-.slideIn-leave-to {
-  opacity: 0;
-  transform: translateX(10px);
+.multiselect__spinner {
+    position: absolute;
+    right: 1px;
+    top: 1px;
+    width: 40px;
+    height: 38px;
+    background: #fff;
+    display: block;
 }
-.slideIn-enter-from span,
-.slideIn-leave-to span {
-  position: absolute;
+.multiselect__spinner::before,
+  .multiselect__spinner::after {
+    position: absolute;
+    content: "";
+    top: 50%;
+    left: 50%;
+    margin: -8px 0 0 -8px;
+    width: 16px;
+    height: 16px;
+    border-radius: 100%;
+    border-color: #41b883 transparent transparent;
+    border-style: solid;
+    border-width: 2px;
+    box-shadow: 0 0 0 1px transparent;
 }
-.slideY-enter-active,
-.slideY-leave-active {
-  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+.multiselect__spinner::before {
+    animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
+    animation-iteration-count: infinite;
 }
-.slideY-enter-from,
-.slideY-leave-to {
-  opacity: 0;
-  transform: translateY(50px);
+.multiselect__spinner::after {
+    animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
+    animation-iteration-count: infinite;
 }
-.slideY-enter-from span,
-.slideY-leave-to span {
-  position: absolute;
-}li[data-v-bf25c24d] {
-  list-style-type: none;
+.multiselect__loading-enter-active,
+  .multiselect__loading-leave-active {
+    transition: opacity 0.4s ease-in-out;
+    opacity: 1;
 }
-ul li[data-v-bf25c24d] {
-  line-height: 2;
+.multiselect__loading-enter,
+  .multiselect__loading-leave-active {
+    opacity: 0;
 }
-.feed-move, /* apply transition to moving elements */
-.feed-enter-active,
-.feed-leave-active {
-  transition: all 0.5s ease;
+.multiselect,
+  .multiselect__input,
+  .multiselect__single {
+    font-family: inherit;
+    touch-action: manipulation;
 }
-.feed-enter-from,
-.feed-leave-to {
-  opacity: 0;
-  transform: translateY(30px);
+.multiselect {
+    display: block;
+    position: relative;
+    width: 100%;
+    min-height: 40px;
 }
-
-/* ensure leaving items are taken out of layout flow so that moving
-   animations can be calculated correctly. */
-.feed-leave-active {
-  position: absolute;
+.multiselect * {
+    box-sizing: border-box;
 }
-@charset "UTF-8";
-.ti-icon-check:before {
-  content: "\\e902";
-  font-size: 0.5rem;
+.multiselect:focus {
+    outline: none;
 }
-.ti-icon-close:before {
-  content: "✕";
-  font-size: 0.5rem;
+.multiselect--disabled {
+    background: #ededed;
+    pointer-events: none;
+    opacity: 0.6;
 }
-.ti-icon-undo:before {
-  content: "↺";
-  font-size: 0.5rem;
+.multiselect--active {
+    z-index: 50;
 }
-ul {
-  margin: 0px;
-  padding: 0px;
-  list-style-type: none;
+.multiselect--active:not(.multiselect--above) .multiselect__current,
+  .multiselect--active:not(.multiselect--above) .multiselect__input,
+  .multiselect--active:not(.multiselect--above) .multiselect__tags {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
 }
-*, *:before, *:after {
-  box-sizing: border-box;
+.multiselect--active .multiselect__select {
+    transform: rotateZ(180deg);
 }
-input:focus {
-  outline: none;
+.multiselect--above.multiselect--active .multiselect__current,
+  .multiselect--above.multiselect--active .multiselect__input,
+  .multiselect--above.multiselect--active .multiselect__tags {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
 }
-input[disabled] {
-  background-color: transparent;
+.multiselect__input,
+  .multiselect__single,
+  .multiselect__placeholder {
+    position: relative;
+    display: inline-block;
+    min-height: 20px;
+    line-height: 20px;
+    border: none;
+    width: calc(100%);
+    height: inherit;
+    box-sizing: border-box;
+    vertical-align: top;
+    display: flex;
+    align-items: center;
 }
-div.vue-tags-input.disabled {
-  opacity: 0.5;
+.multiselect__input::placeholder {
+    color: #35495e;
 }
-div.vue-tags-input.disabled * {
-  cursor: default;
+.multiselect__tag ~ .multiselect__input,
+  .multiselect__tag ~ .multiselect__single {
+    width: auto;
 }
-.ti-input {
-  display: flex;
+.multiselect__input:hover,
+  .multiselect__single:hover {
+    border-color: #cfcfcf;
 }
-.ti-tags {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  line-height: 1em;
+.multiselect__input:focus,
+  .multiselect__single:focus {
+    border-color: #a8a8a8;
+    outline: none;
 }
-.ti-tag {
-  background-color: rgb(var(--main));
-  color: rgb(var(--black));
-  border-radius: 4rem;
-  display: flex;
-  padding: 1px 8px 2px;
-  margin: 2px;
-  font-size: 0.85em;
-  min-height: 2rem;
+.multiselect__tags-wrap {
+    display: inline;
 }
-.ti-tag:focus {
-  outline: none;
+.multiselect__tags {
+    display: block;
+    height: inherit;
 }
-.ti-tag .ti-content {
-  display: flex;
-  align-items: center;
+.multiselect__tag {
+    position: relative;
+    display: inline-block;
+    padding: 4px 26px 4px 10px;
+    border-radius: 5px;
+    margin-right: 10px;
+    color: #fff;
+    line-height: 1;
+    background: #41b883;
+    margin-bottom: 5px;
+    white-space: nowrap;
+    overflow: hidden;
+    max-width: 100%;
+    text-overflow: ellipsis;
 }
-.ti-tag .ti-tag-center {
-  position: relative;
+.multiselect__tag-icon {
+    cursor: pointer;
+    margin-left: 7px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    font-weight: 700;
+    font-style: initial;
+    width: 22px;
+    text-align: center;
+    line-height: 22px;
+    transition: all 0.2s ease;
+    border-radius: 5px;
 }
-.ti-tag span {
-  line-height: 0.85em;
+.multiselect__tag-icon::after {
+    content: "×";
+    color: #266d4d;
+    font-size: 14px;
 }
-.ti-tag span.ti-hidden {
-  padding-left: 14px;
-  visibility: hidden;
-  height: 0px;
-  white-space: pre;
+
+  /* // Remove these lines to avoid green closing button
+  //.multiselect__tag-icon:focus,
+  //.multiselect__tag-icon:hover {
+  //  background: #369a6e;
+  //} */
+.multiselect__tag-icon:focus::after,
+  .multiselect__tag-icon:hover::after {
+    color: white;
 }
-.ti-tag .ti-actions {
-  margin-left: 2px;
-  display: flex;
-  align-items: center;
-  font-size: 1.15em;
+.multiselect__current {
+    line-height: 16px;
+    min-height: 40px;
+    box-sizing: border-box;
+    display: block;
+    overflow: hidden;
+    padding: 8px 12px 0;
+    padding-right: 30px;
+    white-space: nowrap;
+    margin: 0;
+    text-decoration: none;
+    border-radius: 5px;
+    border: 1px solid #e8e8e8;
+    cursor: pointer;
 }
-.ti-tag .ti-actions i {
-  cursor: pointer;
+.multiselect__select {
+    line-height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: center;
+    position: absolute;
+    box-sizing: border-box;
+    width: 40px;
+    height: 38px;
+    right: 1px;
+    top: calc( 50% - 19px);
+    padding: 4px 8px;
+    margin: 0;
+    text-decoration: none;
+    text-align: center;
+    cursor: pointer;
+    transition: transform 0.2s ease;
 }
-.ti-tag:last-child {
-  margin-right: 4px;
+.multiselect__select::before {
+    position: relative;
+    color: #999;
+    margin-top: 4px;
+    border-style: solid;
+    border-width: 5px 5px 0 5px;
+    border-color: #999 transparent transparent transparent;
+    content: "";
 }
-.ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
-  background-color: #e54d42;
+.multiselect--active .multiselect__placeholder {
+    display: none;
 }
-.ti-new-tag-input-wrapper {
-  display: flex;
-  flex: 1 0 auto;
-  padding: 3px 5px;
-  margin: 2px;
-  font-size: 0.85em;
+.multiselect__content-wrapper {
+    position: absolute;
+    display: block;
+    background: #fff;
+    width: 100%;
+    max-height: 240px;
+    height: min-content;
+    overflow: auto;
+    left: 0;
+    border-top: none;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+    z-index: 50;
+    -webkit-overflow-scrolling: touch;
 }
-.ti-new-tag-input-wrapper input {
-  flex: 1 0 auto;
-  min-width: 100px;
-  border: none;
-  padding: 0px;
-  margin: 0px;
+.multiselect__content {
+    list-style: none;
+    display: inline-block;
+    padding: 0;
+    margin: 0;
+    min-width: 100%;
+    vertical-align: top;
 }
-.ti-new-tag-input {
-  line-height: initial;
+.multiselect--above .multiselect__content-wrapper {
+    bottom: 100%;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    border-bottom: none;
+    border-top: 1px solid #e8e8e8;
 }
-.ti-autocomplete {
-  border-top: none;
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: 110%;
-  z-index: 20;
+.multiselect__content::-webkit-scrollbar {
+    display: none;
 }
-.ti-item > div {
-  cursor: pointer;
-  padding: 3px 6px;
-  width: 100%;
+.multiselect__element {
+    display: block;
 }
-.ti-selected-item {
-  background-color: rgb(var(--main));
-  color: #fff;
-}.editable-div {
-  width: 100%;
-  min-height: 1rem;
-  background-color: transparent;
-  outline: none;
-  white-space: pre-wrap;
-  word-wrap: break-word;
+.multiselect__option {
+    display: block;
+    padding: 12px;
+    min-height: 40px;
+    line-height: 16px;
+    text-decoration: none;
+    text-transform: none;
+    vertical-align: middle;
+    position: relative;
+    cursor: pointer;
+    white-space: nowrap;
 }
-.editable-div:empty::before {
-  content: attr(placeholder);
-  color: #999;
+.multiselect__option::after {
+    top: 0;
+    right: 0;
+    position: absolute;
+    line-height: 40px;
+    padding-right: 12px;
+    padding-left: 20px;
+    font-size: 13px;
 }
-.editable-div:focus {
-  border: 0;
+.multiselect__option--highlight {
+    background: rgba(var(--main),0.1);
+    outline: none;
 }
-.formatting-bar {
-  display: flex;
-  gap: 5px;
-  margin-top: 5px;
+.multiselect__option--highlight::after {
+    content: attr(data-select);
 }
-.formatting-bar button {
-  padding: 2px 5px;
-  background-color: #f0f0f0;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-  cursor: pointer;
+.multiselect__option--selected {
+    background: #f3f3f3;
+    color: #35495e;
+    font-weight: bold;
 }
-.formatting-bar button:hover {
-  background-color: #e0e0e0;
+.multiselect__option--selected::after {
+    content: attr(data-selected);
+    color: silver;
+    background: inherit;
 }
-.ti-tag-toDefactor {
-    background-color: rgb(var(--main));
-    color: rgb(var(--black));
-    border-radius: 4rem;
-    padding: 1px 8px 2px;
-    margin: 2px;
-    font-size: .85em;
+.multiselect__option--selected.multiselect__option--highlight {
+    background: rgba(var(--red),0.1);
 }
-.breadcrumbs {
-  height: 4rem;
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
+.multiselect__option--selected.multiselect__option--highlight::after {
+    content: attr(data-deselect);
 }
-.breadcrumbs .home {
-  height: 1rem;
+.multiselect--disabled .multiselect__current,
+  .multiselect--disabled .multiselect__select {
+    background: #ededed;
+    color: #a6a6a6;
 }
-.breadcrumbs .chevron {
-  height: 0.75rem;
+.multiselect__option--disabled {
+    background: #ededed !important;
+    color: #a6a6a6 !important;
+    cursor: text;
+    pointer-events: none;
 }
-.breadcrumbs a {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
+.multiselect__option--group {
+    background: #ededed;
+    color: #35495e;
 }
-.breadcrumbs a span {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.multiselect__option--group.multiselect__option--highlight {
+    background: #35495e;
+    color: #fff;
 }
-.breadcrumbs .router-link-exact-active:last-of-type span {
-  color: #00ff88;
+.multiselect__option--group.multiselect__option--highlight::after {
+    background: #35495e;
 }
-.t-trimmed {
-		font-size: 0;
+.multiselect__option--disabled.multiselect__option--highlight {
+    background: #dedede;
 }
-.bg-white-overlay[data-v-a6aa1cda] {
-  background: linear-gradient(0deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
-}.dp__input {
-  border: 0;
-  padding: var(--medium);
-  padding-left: 3rem;
-  background: rgb(var(--grey));
+.multiselect__option--group-selected.multiselect__option--highlight {
+    background: #ff6a6a;
+    color: #fff;
 }
-  /* Existing styles can stay unchanged */
-@media screen and (max-width: 1025px) {
-#mainguest > div:first-of-type {
-    order: 2;
+.multiselect__option--group-selected.multiselect__option--highlight::after {
+    background: #ff6a6a;
+    content: attr(data-deselect);
+    color: #fff;
 }
+.multiselect-enter-active,
+  .multiselect-leave-active {
+    transition: all 0.15s ease;
 }
-.calendar__week {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  gap: 5px;
-  margin-bottom: 10px;
+.multiselect-enter,
+  .multiselect-leave-active {
+    opacity: 0;
+}
+.multiselect__strong {
+    margin-bottom: 8px;
+    line-height: 20px;
+    display: inline-block;
+    vertical-align: top;
+}
+*[dir="rtl"] .multiselect {
+    text-align: right;
+}
+*[dir="rtl"] .multiselect__select {
+    right: auto;
+    left: 1px;
+}
+*[dir="rtl"] .multiselect__tags {
+    padding: 8px 8px 0 40px;
+}
+*[dir="rtl"] .multiselect__content {
+    text-align: right;
+}
+*[dir="rtl"] .multiselect__option::after {
+    right: auto;
+    left: 0;
+}
+*[dir="rtl"] .multiselect__clear {
+    right: auto;
+    left: 12px;
+}
+*[dir="rtl"] .multiselect__spinner {
+    right: auto;
+    left: 1px;
+}
+@keyframes spinning {
+from {
+      transform: rotate(0);
+}
+to {
+      transform: rotate(2turn);
+}
+}
+
+.ti-tag-toDefactor {
+    background-color: rgb(var(--main));
+    color: rgb(var(--black));
+    border-radius: 4rem;
+    padding: 1px 8px 2px;
+    margin: 2px;
+    font-size: .85em;
+}
+
+.t-trimmed {
+		font-size: 0;
+}
+
+.dropdown-content {
+  display: block;
+  position: absolute;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+}
+
+/*.dropdown:hover .dropdown-content {
+  display: block;
+}*/
+
+.subunit[data-v-a2ed7104] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+.error-wrapper {
+  position: fixed;
+  left: 0;
+  right: 0;
+  opacity: 0.9;
+}
+.circular-loader {
+  position: relative;
+  top: calc(50% - 1rem);
+  left: calc(50% - 1rem);
+  z-index: 50;
+  height: 2rem;
+  width: 2rem;
+  z-index: 50;
+}
+.circular-loader svg {
+  animation: rotate 2s linear infinite;
+}
+.circular-loader-circle {
+  stroke-dasharray: 1, 200;
+  stroke-dashoffset: 0;
+  stroke-linecap: round;
+  stroke: rgb(var(--main));
+  animation: dash 1.5s ease-in-out infinite;
+}
+.circular-loader-fill {
+  stroke-linecap: round;
+  stroke: rgba(var(--black),0.2);
+}
+.progress-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 0.8rem;
+  color: rgb(var(--main));
+}
+.status-text {
+  position: absolute;
+  top: 120%;
+  left: calc(50% - 5rem);
+  font-size: 0.8rem;
+  width: 10rem !important;
+  text-align: center;
+}
+@keyframes rotate {
+100% {
+    transform: rotate(360deg);
+}
+}
+@keyframes dash {
+0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+}
+50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35;
+}
+100% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: -124;
+}
+}
+.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
+  color: rgb(var(--main)) !important;
+}
+a[data-v-380d7b3b]:hover {
+  cursor: pointer;
+  color: rgb(var(--main));
+}.dp__input {
+  border: 0;
+  padding: var(--medium);
+  padding-left: 3rem;
+  background: rgb(var(--grey));
+}.editable-div {
+  width: 100%;
+  min-height: 1rem;
+  background-color: transparent;
+  outline: none;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.editable-div:empty::before {
+  content: attr(placeholder);
+  color: #999;
+}
+.editable-div:focus {
+  border: 0;
+}
+.formatting-bar {
+  display: flex;
+  gap: 5px;
+  margin-top: 5px;
+}
+.formatting-bar button {
+  padding: 2px 5px;
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  cursor: pointer;
+}
+.formatting-bar button:hover {
+  background-color: #e0e0e0;
+}
+.calendar__week {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 5px;
+  margin-bottom: 10px;
 }
 .calendar__weekday {
   text-align: center;
@@ -1405,414 +1533,172 @@ div.vue-tags-input.disabled * {
 input[data-v-516f3e07], span[data-v-516f3e07] {
   line-height: 1;
   color: inherit;
+}@media screen and (max-width: 1025px) {
+#mainguest > div:first-of-type {
+    order: 2;
 }
-fieldset[disabled] .multiselect {
-    pointer-events: none;
+}.bg-white-overlay[data-v-a6aa1cda] {
+  background: linear-gradient(0deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
 }
-.multiselect__spinner {
-    position: absolute;
-    right: 1px;
-    top: 1px;
-    width: 40px;
-    height: 38px;
-    background: #fff;
-    display: block;
+  /* Existing styles can stay unchanged */
+.vue3-reactive-tel-input {
+  display: flex;
 }
-.multiselect__spinner::before,
-  .multiselect__spinner::after {
-    position: absolute;
-    content: "";
-    top: 50%;
-    left: 50%;
-    margin: -8px 0 0 -8px;
-    width: 16px;
-    height: 16px;
-    border-radius: 100%;
-    border-color: #41b883 transparent transparent;
-    border-style: solid;
-    border-width: 2px;
-    box-shadow: 0 0 0 1px transparent;
+.vue3-reactive-tel-input.disabled .dropdown, .vue3-reactive-tel-input.disabled .selection, .vue3-reactive-tel-input.disabled input {
+  cursor: no-drop;
 }
-.multiselect__spinner::before {
-    animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
-    animation-iteration-count: infinite;
+.vti__dropdown {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  justify-content: center;
+  position: relative;
+  padding: 2px;
+  cursor: pointer;
 }
-.multiselect__spinner::after {
-    animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
-    animation-iteration-count: infinite;
+.vti__dropdown.show {
+  max-height: 300px;
+  overflow: scroll;
 }
-.multiselect__loading-enter-active,
-  .multiselect__loading-leave-active {
-    transition: opacity 0.4s ease-in-out;
-    opacity: 1;
+.vti__dropdown-list {
+  z-index: 1;
+  padding: 0;
+  margin: 0;
+  text-align: left;
+  list-style: none;
+  max-height: 200px;
+  overflow-y: scroll;
+  position: absolute;
+  left: -1px;
+  background-color: #fff;
+  width: fit-content;
 }
-.multiselect__loading-enter,
-  .multiselect__loading-leave-active {
-    opacity: 0;
+.vti__dropdown-list.below {
+  top: 33px;
 }
-.multiselect,
-  .multiselect__input,
-  .multiselect__single {
-    font-family: inherit;
-    touch-action: manipulation;
+.vti__dropdown-list.above {
+  top: auto;
+  bottom: 100%;
 }
-.multiselect {
-    display: block;
-    position: relative;
-    width: 100%;
-    min-height: 40px;
-}
-.multiselect * {
-    box-sizing: border-box;
-}
-.multiselect:focus {
-    outline: none;
-}
-.multiselect--disabled {
-    background: #ededed;
-    pointer-events: none;
-    opacity: 0.6;
-}
-.multiselect--active {
-    z-index: 50;
-}
-.multiselect--active:not(.multiselect--above) .multiselect__current,
-  .multiselect--active:not(.multiselect--above) .multiselect__input,
-  .multiselect--active:not(.multiselect--above) .multiselect__tags {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-}
-.multiselect--active .multiselect__select {
-    transform: rotateZ(180deg);
-}
-.multiselect--above.multiselect--active .multiselect__current,
-  .multiselect--above.multiselect--active .multiselect__input,
-  .multiselect--above.multiselect--active .multiselect__tags {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-}
-.multiselect__input,
-  .multiselect__single,
-  .multiselect__placeholder {
-    position: relative;
-    display: inline-block;
-    min-height: 20px;
-    line-height: 20px;
-    border: none;
-    width: calc(100%);
-    height: inherit;
-    box-sizing: border-box;
-    vertical-align: top;
-    display: flex;
-    align-items: center;
-}
-.multiselect__input::placeholder {
-    color: #35495e;
-}
-.multiselect__tag ~ .multiselect__input,
-  .multiselect__tag ~ .multiselect__single {
-    width: auto;
-}
-.multiselect__input:hover,
-  .multiselect__single:hover {
-    border-color: #cfcfcf;
-}
-.multiselect__input:focus,
-  .multiselect__single:focus {
-    border-color: #a8a8a8;
-    outline: none;
-}
-.multiselect__tags-wrap {
-    display: inline;
-}
-.multiselect__tags {
-    display: block;
-    height: inherit;
-}
-.multiselect__tag {
-    position: relative;
-    display: inline-block;
-    padding: 4px 26px 4px 10px;
-    border-radius: 5px;
-    margin-right: 10px;
-    color: #fff;
-    line-height: 1;
-    background: #41b883;
-    margin-bottom: 5px;
-    white-space: nowrap;
-    overflow: hidden;
-    max-width: 100%;
-    text-overflow: ellipsis;
-}
-.multiselect__tag-icon {
-    cursor: pointer;
-    margin-left: 7px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    font-weight: 700;
-    font-style: initial;
-    width: 22px;
-    text-align: center;
-    line-height: 22px;
-    transition: all 0.2s ease;
-    border-radius: 5px;
-}
-.multiselect__tag-icon::after {
-    content: "×";
-    color: #266d4d;
-    font-size: 14px;
-}
-
-  /* // Remove these lines to avoid green closing button
-  //.multiselect__tag-icon:focus,
-  //.multiselect__tag-icon:hover {
-  //  background: #369a6e;
-  //} */
-.multiselect__tag-icon:focus::after,
-  .multiselect__tag-icon:hover::after {
-    color: white;
-}
-.multiselect__current {
-    line-height: 16px;
-    min-height: 40px;
-    box-sizing: border-box;
-    display: block;
-    overflow: hidden;
-    padding: 8px 12px 0;
-    padding-right: 30px;
-    white-space: nowrap;
-    margin: 0;
-    text-decoration: none;
-    border-radius: 5px;
-    border: 1px solid #e8e8e8;
-    cursor: pointer;
-}
-.multiselect__select {
-    line-height: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: center;
-    position: absolute;
-    box-sizing: border-box;
-    width: 40px;
-    height: 38px;
-    right: 1px;
-    top: calc( 50% - 19px);
-    padding: 4px 8px;
-    margin: 0;
-    text-decoration: none;
-    text-align: center;
-    cursor: pointer;
-    transition: transform 0.2s ease;
-}
-.multiselect__select::before {
-    position: relative;
-    color: #999;
-    margin-top: 4px;
-    border-style: solid;
-    border-width: 5px 5px 0 5px;
-    border-color: #999 transparent transparent transparent;
-    content: "";
-}
-.multiselect--active .multiselect__placeholder {
-    display: none;
-}
-.multiselect__content-wrapper {
-    position: absolute;
-    display: block;
-    background: #fff;
-    width: 100%;
-    max-height: 240px;
-    height: min-content;
-    overflow: auto;
-    left: 0;
-    border-top: none;
-    border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px;
-    z-index: 50;
-    -webkit-overflow-scrolling: touch;
-}
-.multiselect__content {
-    list-style: none;
-    display: inline-block;
-    padding: 0;
-    margin: 0;
-    min-width: 100%;
-    vertical-align: top;
-}
-.multiselect--above .multiselect__content-wrapper {
-    bottom: 100%;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-    border-bottom: none;
-    border-top: 1px solid #e8e8e8;
-}
-.multiselect__content::-webkit-scrollbar {
-    display: none;
-}
-.multiselect__element {
-    display: block;
-}
-.multiselect__option {
-    display: block;
-    padding: 12px;
-    min-height: 40px;
-    line-height: 16px;
-    text-decoration: none;
-    text-transform: none;
-    vertical-align: middle;
-    position: relative;
-    cursor: pointer;
-    white-space: nowrap;
-}
-.multiselect__option::after {
-    top: 0;
-    right: 0;
-    position: absolute;
-    line-height: 40px;
-    padding-right: 12px;
-    padding-left: 20px;
-    font-size: 13px;
-}
-.multiselect__option--highlight {
-    background: rgba(var(--main),0.1);
-    outline: none;
-}
-.multiselect__option--highlight::after {
-    content: attr(data-select);
-}
-.multiselect__option--selected {
-    background: #f3f3f3;
-    color: #35495e;
-    font-weight: bold;
-}
-.multiselect__option--selected::after {
-    content: attr(data-selected);
-    color: silver;
-    background: inherit;
-}
-.multiselect__option--selected.multiselect__option--highlight {
-    background: rgba(var(--red),0.1);
-}
-.multiselect__option--selected.multiselect__option--highlight::after {
-    content: attr(data-deselect);
-}
-.multiselect--disabled .multiselect__current,
-  .multiselect--disabled .multiselect__select {
-    background: #ededed;
-    color: #a6a6a6;
-}
-.multiselect__option--disabled {
-    background: #ededed !important;
-    color: #a6a6a6 !important;
-    cursor: text;
-    pointer-events: none;
+.vti__dropdown-arrow {
+  transform: scaleY(0.5);
+  display: inline-block;
+  color: #666;
 }
-.multiselect__option--group {
-    background: #ededed;
-    color: #35495e;
+.vti__dropdown-item {
+  cursor: pointer;
+  padding: 4px 15px;
 }
-.multiselect__option--group.multiselect__option--highlight {
-    background: #35495e;
-    color: #fff;
+.vti__dropdown-item.last-preferred {
+  border-bottom: 1px solid #cacaca;
 }
-.multiselect__option--group.multiselect__option--highlight::after {
-    background: #35495e;
+.vti__dropdown-item .vti__flag {
+  display: inline-block;
+  margin-right: 5px;
 }
-.multiselect__option--disabled.multiselect__option--highlight {
-    background: #dedede;
+.vti__input {
+  color: inherit;
+  border: none;
+  border-radius: 0 2px 2px 0;
+  width: 100%;
+  outline: 0;
+  padding-left: 7px;
+}.vue3-marquee {
+  display: flex !important;
+  position: relative;
 }
-.multiselect__option--group-selected.multiselect__option--highlight {
-    background: #ff6a6a;
-    color: #fff;
+.vue3-marquee .marquee {
+  flex: 0 0 auto;
+  min-width: var(--min-width);
+  min-height: var(--min-height);
+  z-index: 1;
+  animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
+  animation-play-state: var(--pauseAnimation);
+  animation-direction: var(--direction);
 }
-.multiselect__option--group-selected.multiselect__option--highlight::after {
-    background: #ff6a6a;
-    content: attr(data-deselect);
-    color: #fff;
+.vue3-marquee .overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
 }
-.multiselect-enter-active,
-  .multiselect-leave-active {
-    transition: all 0.15s ease;
+.vue3-marquee .overlay:before {
+  left: 0;
+  top: 0;
 }
-.multiselect-enter,
-  .multiselect-leave-active {
-    opacity: 0;
+.vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
+  content: "";
+  position: absolute;
+  z-index: 2;
 }
-.multiselect__strong {
-    margin-bottom: 8px;
-    line-height: 20px;
-    display: inline-block;
-    vertical-align: top;
+.vue3-marquee .transparent-overlay {
+  position: absolute;
+  width: 100.5%;
+  height: 100.5%;
 }
-*[dir="rtl"] .multiselect {
-    text-align: right;
+.vue3-marquee.horizontal {
+  overflow-x: hidden !important;
+  flex-direction: row !important;
+  width: 100%;
+  height: max-content;
 }
-*[dir="rtl"] .multiselect__select {
-    right: auto;
-    left: 1px;
+.vue3-marquee.horizontal .marquee {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
 }
-*[dir="rtl"] .multiselect__tags {
-    padding: 8px 8px 0 40px;
+.vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
+  background: linear-gradient(to right, var(--gradient-color));
+  height: 100%;
+  width: var(--gradient-length);
 }
-*[dir="rtl"] .multiselect__content {
-    text-align: right;
+.vue3-marquee.horizontal .overlay::after {
+  transform: rotateZ(180deg);
+  right: 0;
+  top: 0;
 }
-*[dir="rtl"] .multiselect__option::after {
-    right: auto;
-    left: 0;
+.vue3-marquee.vertical {
+  overflow-y: hidden !important;
+  flex-direction: column !important;
+  height: 100%;
+  width: max-content;
 }
-*[dir="rtl"] .multiselect__clear {
-    right: auto;
-    left: 12px;
+.vue3-marquee.vertical .marquee {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
-*[dir="rtl"] .multiselect__spinner {
-    right: auto;
-    left: 1px;
+.vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
+  background: linear-gradient(to bottom, var(--gradient-color));
+  height: var(--gradient-length);
+  width: 100%;
 }
-@keyframes spinning {
-from {
-      transform: rotate(0);
+.vue3-marquee.vertical .overlay::after {
+  transform: rotateZ(-180deg);
+  left: 0;
+  bottom: 0;
 }
-to {
-      transform: rotate(2turn);
+.vue3-marquee:hover div {
+  animation-play-state: var(--pauseOnHover);
 }
+.vue3-marquee:active div {
+  animation-play-state: var(--pauseOnClick);
 }
-.spoiler {
-  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
+@keyframes scrollX {
+0% {
+    transform: translateX(0%);
 }
-.collapse-enter-active,
-.collapse-leave-active {
-  max-height: 2000px;
+100% {
+    transform: translateX(-100%);
 }
-.collapse-enter-from,
-.collapse-leave-to {
-  max-height: 0;
 }
-.pac-container {
-  position: absolute;
-  background-color: white;
-  z-index: 1000;
-  border-radius: 2rem;
-  overflow: hidden;
+@keyframes scrollY {
+0% {
+    transform: translateY(0%);
 }
-
-.my-location-button {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 99;
+100% {
+    transform: translateY(-100%);
 }
-.gm-style-cc { display:none;
 }
-
-
-
 .pd-2px[data-v-2fc13a78] {
   padding: 2px 4px;
   margin-right: 4px;
@@ -1861,11 +1747,6 @@ to {
   opacity: 0;
 }
 
-.subunit[data-v-a2ed7104] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
-}
-
 .photo-container {
   width: 100%;
   height: 100%;
@@ -1885,12 +1766,7 @@ to {
     width: 100%;
     height: 100%;
 }
-.card-page-title .card-page-actions {
-  display: none;
-}
-.card-page-title:hover .card-page-actions {
-  display: block;
-}.blink[data-v-5785b6f6] {
+.blink[data-v-5785b6f6] {
   animation: blink-animation-5785b6f6 1s ease infinite;
 }
 @keyframes blink-animation-5785b6f6 {
@@ -1905,16 +1781,131 @@ to {
   height: 300px;
   width: 100%;
 }
-
-.address[data-v-97ae0556] {
-    text-wrap: nowrap;
-    display: block;
+@charset "UTF-8";
+.ti-icon-check:before {
+  content: "\\e902";
+  font-size: 0.5rem;
 }
-.constructor-iframe iframe {
-  width: 100% !important;
-  height: 100% !important;
-  position: relative !important;
+.ti-icon-close:before {
+  content: "✕";
+  font-size: 0.5rem;
+}
+.ti-icon-undo:before {
+  content: "↺";
+  font-size: 0.5rem;
+}
+ul {
+  margin: 0px;
+  padding: 0px;
+  list-style-type: none;
+}
+*, *:before, *:after {
+  box-sizing: border-box;
+}
+input:focus {
+  outline: none;
+}
+input[disabled] {
+  background-color: transparent;
+}
+div.vue-tags-input.disabled {
+  opacity: 0.5;
+}
+div.vue-tags-input.disabled * {
+  cursor: default;
+}
+.ti-input {
+  display: flex;
+}
+.ti-tags {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  line-height: 1em;
+}
+.ti-tag {
+  background-color: rgb(var(--main));
+  color: rgb(var(--black));
+  border-radius: 4rem;
+  display: flex;
+  padding: 1px 8px 2px;
+  margin: 2px;
+  font-size: 0.85em;
+  min-height: 2rem;
+}
+.ti-tag:focus {
+  outline: none;
+}
+.ti-tag .ti-content {
+  display: flex;
+  align-items: center;
+}
+.ti-tag .ti-tag-center {
+  position: relative;
+}
+.ti-tag span {
+  line-height: 0.85em;
+}
+.ti-tag span.ti-hidden {
+  padding-left: 14px;
+  visibility: hidden;
+  height: 0px;
+  white-space: pre;
+}
+.ti-tag .ti-actions {
+  margin-left: 2px;
+  display: flex;
+  align-items: center;
+  font-size: 1.15em;
+}
+.ti-tag .ti-actions i {
+  cursor: pointer;
+}
+.ti-tag:last-child {
+  margin-right: 4px;
+}
+.ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
+  background-color: #e54d42;
+}
+.ti-new-tag-input-wrapper {
+  display: flex;
+  flex: 1 0 auto;
+  padding: 3px 5px;
+  margin: 2px;
+  font-size: 0.85em;
+}
+.ti-new-tag-input-wrapper input {
+  flex: 1 0 auto;
+  min-width: 100px;
+  border: none;
+  padding: 0px;
+  margin: 0px;
+}
+.ti-new-tag-input {
+  line-height: initial;
+}
+.ti-autocomplete {
+  border-top: none;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 110%;
+  z-index: 20;
 }
+.ti-item > div {
+  cursor: pointer;
+  padding: 3px 6px;
+  width: 100%;
+}
+.ti-selected-item {
+  background-color: rgb(var(--main));
+  color: #fff;
+}.card-page-title .card-page-actions {
+  display: none;
+}
+.card-page-title:hover .card-page-actions {
+  display: block;
+}/* Your styles here */
 .tooltip-container {
   position: relative;
   display: inline-block;
@@ -1923,11 +1914,6 @@ to {
   pointer-events: none;
 }
 
-.draggable-container {
-  display: flex;
-  flex-direction: column;
-}
-
 .barcode-scanner-modal {
   visibility: visible;
   position: fixed;
@@ -1967,7 +1953,21 @@ body.barcode-scanner-active {
 html.barcode-scanner-active-html {
   background: transparent !important;
 }
-/* Your styles here */
+.constructor-iframe iframe {
+  width: 100% !important;
+  height: 100% !important;
+  position: relative !important;
+}
+.draggable-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.address[data-v-97ae0556] {
+    text-wrap: nowrap;
+    display: block;
+}
+
 .ti-tag-input {
   background-color: transparent;
   color: inherit;