@ozdao/prometheus-framework 0.2.235 → 0.2.236

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

@@ -3,85 +3,10 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(`.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;
-}.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;
-}
-.input-error {
-  border: 1px solid red;
-  box-shadow: 0 0 3px 0 red;
-}.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%;
-}
-.background-div {
+      elementStyle.appendChild(document.createTextNode(`.selector {
   flex-grow: 1;
+  flex-basis: 0;
+  min-width: 0;
 }.scaleIn-enter-active,
 .scaleIn-leave-active {
   transform: scale(1);
@@ -300,7 +225,9 @@
   opacity: 0;
   left: 0;
   top: 0;
-}.VueSelect {
+}
+  /* Add styles for the user card component here */
+.VueSelect {
   background: #f7f7f7;
   border-radius: 0.5rem;
   border: 0;
@@ -313,8 +240,6 @@
   font-weight: 300;
   background: #f7f7f7;
 }
-  /* Add styles for the user card component here */
-
 .subdepartmentsartment[data-v-de9a0606] {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 1rem;
@@ -334,10 +259,85 @@
   padding: 20px;
   z-index: 10;
 }
-.selector {
+.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;
+}.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;
+}
+.input-error {
+  border: 1px solid red;
+  box-shadow: 0 0 3px 0 red;
+}.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%;
+}
+.background-div {
   flex-grow: 1;
-  flex-basis: 0;
-  min-width: 0;
 }.fade-move,
 .fade-enter-active,
 .fade-leave-active {
@@ -362,6 +362,18 @@
   padding-left: 3rem;
   background: rgb(var(--light));
   border-radius: var(--small);
+}.vue-select {
+  background: #f7f7f7;
+  border-radius: 0.5rem;
+  border: 0;
+  height: 3rem;
+  padding-left: 1rem;
+  z-index: 4;
+}
+.vue-select .vue-input input {
+  font-size: 1.125rem;
+  font-weight: 300;
+  background: #f7f7f7;
 }
 .magnifier[data-v-48231055] {
   max-width: 32rem;
@@ -393,19 +405,7 @@
   max-width: 90%;
   max-height: 90%;
 }
-.vue-select {
-  background: #f7f7f7;
-  border-radius: 0.5rem;
-  border: 0;
-  height: 3rem;
-  padding-left: 1rem;
-  z-index: 4;
-}
-.vue-select .vue-input input {
-  font-size: 1.125rem;
-  font-weight: 300;
-  background: #f7f7f7;
-}.shop-cart-item[data-v-bebbf16b]:first-of-type {
+.shop-cart-item[data-v-bebbf16b]:first-of-type {
   padding-top: 0;
 }
 .spoiler-active[data-v-bebbf16b] {
@@ -487,6 +487,17 @@
     flex: 0 0 50%;
     min-width: 0;
 }
+}.price-tag {
+  background: #058;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  width: fit-content;
+  color: black;
 }.thc {
   position: absolute;
   right: 1rem;
@@ -521,17 +532,6 @@
     transform: scale(0.75) !important;
     transform-origin: top right !important;
 }
-}.price-tag {
-  background: #058;
-  color: #fff;
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  width: fit-content;
-  color: black;
 }.h1-product {
   font-size: 3rem;
 }
@@ -628,82 +628,37 @@
 100% {
     transform: rotateX(45deg) translateY(0);
 }
-}.container-joinus {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 66%;
+}.round-wrapper {
   position: relative;
 }
-.container-joinus .content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  z-index: 2;
-}.slider-hotpost .embla__slide {
-  flex: 0 0 25%;
+.round-wrapper .round {
+  margin: 0;
+  margin-right: 1rem;
 }
-@media screen and (max-width: 1025px) {
-.slider-hotpost .embla__slide {
-    flex: 0 0 75%;
+.round-wrapper input:checked {
+  background: #00ff88;
 }
+.round-wrapper .round-checkmark {
+  position: absolute;
+  width: 0.5rem;
+  height: 0.5rem;
+  background: white;
+  left: 0.5rem;
+  top: 0.5rem;
+  opacity: 1;
+}.blink[data-v-d2db1c69] {
+  animation: blink-animation-d2db1c69 1s ease infinite;
 }
-.subspotsartment[data-v-a4b9b533] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
+@keyframes blink-animation-d2db1c69 {
+0%, 100% {
+    opacity: 1;
 }
-#map[data-v-3b081dcc]:focus {
-  outline: none;
+50% {
+    opacity: 0.8;
 }
-.subspotsartment[data-v-bc545dfb] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
-}
-
-.form-group[data-v-3c991e96] {
-  margin-bottom: 1rem;
-}
-label[data-v-3c991e96] {
-  display: block;
-  margin-bottom: 0.5rem;
-}
-input[data-v-3c991e96] {
-  width: 100%;
-  padding: 0.5rem;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-}
-.blink[data-v-d2db1c69] {
-  animation: blink-animation-d2db1c69 1s ease infinite;
-}
-@keyframes blink-animation-d2db1c69 {
-0%, 100% {
-    opacity: 1;
-}
-50% {
-    opacity: 0.8;
-}
-}.round-wrapper {
-  position: relative;
-}
-.round-wrapper .round {
-  margin: 0;
-  margin-right: 1rem;
-}
-.round-wrapper input:checked {
-  background: #00ff88;
-}
-.round-wrapper .round-checkmark {
-  position: absolute;
-  width: 0.5rem;
-  height: 0.5rem;
-  background: white;
-  left: 0.5rem;
-  top: 0.5rem;
-  opacity: 1;
-}.vue-select {
-  width: inherit;
-  margin-right: 1rem;
+}.vue-select {
+  width: inherit;
+  margin-right: 1rem;
 }
 .vue-select-header {
   height: 3rem;
@@ -745,17 +700,146 @@ input[data-v-3c991e96] {
 .shop-cart-active .shopcart-footer {
     right: 0;
 }
-}.tab-selector {
+}.container-joinus {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 66%;
+  position: relative;
+}
+.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%;
+}
+}
+.subspotsartment[data-v-a4b9b533] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+
+.subspotsartment[data-v-bc545dfb] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+#map[data-v-3b081dcc]:focus {
+  outline: none;
+}
+.form-group[data-v-3c991e96] {
+  margin-bottom: 1rem;
+}
+label[data-v-3c991e96] {
+  display: block;
+  margin-bottom: 0.5rem;
+}
+input[data-v-3c991e96] {
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+.vue3-marquee {
+  display: flex !important;
+  position: relative;
+}
+.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);
+}
+.vue3-marquee .overlay {
   position: absolute;
-  width: 50%;
+  width: 100%;
   height: 100%;
+}
+.vue3-marquee .overlay:before {
   left: 0;
   top: 0;
-  z-index: 0;
-  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}input[data-v-5659d4ce], textarea[data-v-5659d4ce], span[data-v-5659d4ce] {
-  line-height: 1;
-  color: inherit;
+}
+.vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
+  content: "";
+  position: absolute;
+  z-index: 2;
+}
+.vue3-marquee .transparent-overlay {
+  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%);
+}
 }button[disabled] {
   background: grey;
 }
@@ -815,68 +899,30 @@ button[disabled]:hover {
   text-align: center;
   line-height: 16px;
   font-size: 10px;
-}.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;
+}input[data-v-5659d4ce], textarea[data-v-5659d4ce], span[data-v-5659d4ce] {
+  line-height: 1;
+  color: inherit;
 }
-.vti__dropdown-list {
-  z-index: 1;
-  padding: 0;
-  margin: 0;
-  text-align: left;
-  list-style: none;
-  max-height: 200px;
-  overflow-y: scroll;
+.dropdown-content {
+  display: block;
   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;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
 }
-.vti__input {
-  color: inherit;
-  border: none;
-  border-radius: 0 2px 2px 0;
-  width: 100%;
-  outline: 0;
-  padding-left: 7px;
+
+/*.dropdown:hover .dropdown-content {
+  display: block;
+}*/
+.mobile-menu-section > div:last-of-type {
+  border-bottom: none !important;
+}.tab-selector {
+  position: absolute;
+  width: 50%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 0;
+  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }.no-scroll {
   overflow: hidden;
 }
@@ -1024,69 +1070,50 @@ button[disabled]:hover {
 .slideY-enter-from span,
 .slideY-leave-to span {
   position: absolute;
-}li[data-v-bf25c24d] {
-  list-style-type: none;
-}
-ul li[data-v-bf25c24d] {
-  line-height: 2;
 }.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));
-}.mobile-menu-section > div:last-of-type {
-  border-bottom: none !important;
-}.breadcrumbs {
-  height: 4rem;
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
+}li[data-v-bf25c24d] {
+  list-style-type: none;
 }
-.breadcrumbs .home {
-  height: 1rem;
+ul li[data-v-bf25c24d] {
+  line-height: 2;
+}.spoiler {
+  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
 }
-.breadcrumbs .chevron {
-  height: 0.75rem;
+.collapse-enter-active,
+.collapse-leave-active {
+  max-height: 2000px;
 }
-.breadcrumbs a {
+.collapse-enter-from,
+.collapse-leave-to {
+  max-height: 0;
+}.breadcrumbs {
+  height: 4rem;
   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;
-}
-.feed-move, /* apply transition to moving elements */
-.feed-enter-active,
-.feed-leave-active {
-  transition: all 0.5s ease;
-}
-.feed-enter-from,
-.feed-leave-to {
-  opacity: 0;
-  transform: translateY(30px);
-}
-
-/* ensure leaving items are taken out of layout flow so that moving
-   animations can be calculated correctly. */
-.feed-leave-active {
-  position: absolute;
+.breadcrumbs .home {
+  height: 1rem;
 }
-.spoiler {
-  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
+.breadcrumbs .chevron {
+  height: 0.75rem;
 }
-.collapse-enter-active,
-.collapse-leave-active {
-  max-height: 2000px;
+.breadcrumbs a {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
 }
-.collapse-enter-from,
-.collapse-leave-to {
-  max-height: 0;
+.breadcrumbs a span {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.breadcrumbs .router-link-exact-active:last-of-type span {
+  color: #00ff88;
 }
 .ti-tag-toDefactor {
     background-color: rgb(var(--main));
@@ -1475,6 +1502,23 @@ to {
 }
 }
 
+.feed-move, /* apply transition to moving elements */
+.feed-enter-active,
+.feed-leave-active {
+  transition: all 0.5s ease;
+}
+.feed-enter-from,
+.feed-leave-to {
+  opacity: 0;
+  transform: translateY(30px);
+}
+
+/* ensure leaving items are taken out of layout flow so that moving
+   animations can be calculated correctly. */
+.feed-leave-active {
+  position: absolute;
+}
+
 .pac-container {
   position: absolute;
   background-color: white;
@@ -1498,116 +1542,72 @@ to {
 		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;
 }
-.vue3-marquee {
-  display: flex !important;
-  position: relative;
-}
-.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);
-}
-.vue3-marquee .overlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.vue3-marquee .overlay:before {
-  left: 0;
-  top: 0;
-}
-.vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
-  content: "";
-  position: absolute;
-  z-index: 2;
-}
-.vue3-marquee .transparent-overlay {
-  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 {
+.vue3-reactive-tel-input {
   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-reactive-tel-input.disabled .dropdown, .vue3-reactive-tel-input.disabled .selection, .vue3-reactive-tel-input.disabled input {
+  cursor: no-drop;
 }
-.vue3-marquee.vertical .marquee {
+.vti__dropdown {
   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%;
+  align-content: center;
+  justify-content: center;
+  position: relative;
+  padding: 2px;
+  cursor: pointer;
 }
-.vue3-marquee.vertical .overlay::after {
-  transform: rotateZ(-180deg);
-  left: 0;
-  bottom: 0;
+.vti__dropdown.show {
+  max-height: 300px;
+  overflow: scroll;
 }
-.vue3-marquee:hover div {
-  animation-play-state: var(--pauseOnHover);
+.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;
 }
-.vue3-marquee:active div {
-  animation-play-state: var(--pauseOnClick);
+.vti__dropdown-list.below {
+  top: 33px;
 }
-@keyframes scrollX {
-0% {
-    transform: translateX(0%);
+.vti__dropdown-list.above {
+  top: auto;
+  bottom: 100%;
 }
-100% {
-    transform: translateX(-100%);
+.vti__dropdown-arrow {
+  transform: scaleY(0.5);
+  display: inline-block;
+  color: #666;
 }
+.vti__dropdown-item {
+  cursor: pointer;
+  padding: 4px 15px;
 }
-@keyframes scrollY {
-0% {
-    transform: translateY(0%);
+.vti__dropdown-item.last-preferred {
+  border-bottom: 1px solid #cacaca;
 }
-100% {
-    transform: translateY(-100%);
+.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;
 }.editable-div {
   width: 100%;
   min-height: 1rem;
@@ -1637,6 +1637,9 @@ to {
 }
 .formatting-bar button:hover {
   background-color: #e0e0e0;
+}input[data-v-516f3e07], span[data-v-516f3e07] {
+  line-height: 1;
+  color: inherit;
 }
 .calendar__week {
   display: grid;
@@ -1678,9 +1681,10 @@ to {
   color: #ccc;
   cursor: not-allowed;
 }
-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;
+}
 }@media screen and (max-width: 1025px) {
 .content-hero-refactor[data-v-c7a21d03] {
     text-align: center;
@@ -1689,13 +1693,14 @@ h3[data-v-c7a21d03], div[data-v-c7a21d03] {
     margin-left: auto;
     margin-right: auto;
 }
-}@media screen and (max-width: 1025px) {
-#mainguest > div:first-of-type {
-    order: 2;
-}
 }
   /* Existing styles can stay unchanged */
-
+.dp__input {
+  border: 0;
+  padding: var(--medium);
+  padding-left: 3rem;
+  background: rgb(var(--grey));
+}
 .photo-container {
   width: 100%;
   height: 100%;
@@ -1710,12 +1715,7 @@ h3[data-v-c7a21d03], div[data-v-c7a21d03] {
   object-fit: scale-down;
   transition: transform 0.3s;
 }
-.dp__input {
-  border: 0;
-  padding: var(--medium);
-  padding-left: 3rem;
-  background: rgb(var(--grey));
-}
+
 #glcanvas {
     width: 100%;
     height: 100%;
@@ -1768,7 +1768,24 @@ h3[data-v-c7a21d03], div[data-v-c7a21d03] {
 .modal-enter[data-v-2fc13a78], .modal-leave-to[data-v-2fc13a78] {
   opacity: 0;
 }
-@charset "UTF-8";
+.blink[data-v-5785b6f6] {
+  animation: blink-animation-5785b6f6 1s ease infinite;
+}
+@keyframes blink-animation-5785b6f6 {
+0%, 100% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.8;
+}
+}
+/* Стили остаются без изменений */
+.card-page-title .card-page-actions {
+  display: none;
+}
+.card-page-title:hover .card-page-actions {
+  display: block;
+}@charset "UTF-8";
 .ti-icon-check:before {
   content: "\\e902";
   font-size: 0.5rem;
@@ -1891,23 +1908,11 @@ div.vue-tags-input.disabled * {
   height: 300px;
   width: 100%;
 }
-.card-page-title .card-page-actions {
-  display: none;
-}
-.card-page-title:hover .card-page-actions {
-  display: block;
-}.blink[data-v-5785b6f6] {
-  animation: blink-animation-5785b6f6 1s ease infinite;
-}
-@keyframes blink-animation-5785b6f6 {
-0%, 100% {
-    opacity: 1;
-}
-50% {
-    opacity: 0.8;
-}
+
+.address[data-v-97ae0556] {
+    text-wrap: nowrap;
+    display: block;
 }
-/* Стили остаются без изменений */
 
 .tooltip-container {
   position: relative;
@@ -1917,26 +1922,48 @@ div.vue-tags-input.disabled * {
   pointer-events: none;
 }
 /* Your styles here */
-.address[data-v-97ae0556] {
-    text-wrap: nowrap;
-    display: block;
+.draggable-container {
+  display: flex;
+  flex-direction: column;
 }
 
-.draggable-container {
+.barcode-scanner-modal[data-v-7a4f2d02] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.8);
   display: flex;
   flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.square[data-v-7a4f2d02] {
+  width: 200px;
+  height: 200px;
+  border: 2px solid white;
+  border-radius: 10px;
+}
+.zoom-ratio-wrapper[data-v-7a4f2d02] {
+  width: 80%;
+  margin-top: 20px;
+}
+.stop-scan-button[data-v-7a4f2d02],
+.torch-button[data-v-7a4f2d02] {
+  margin-top: 20px;
 }
 
-body.barcode-scanner-active {
-  visibility: hidden;
+/* Existing styles */
+body.barcode-scanner-active[data-v-7a4f2d02] {
   --background: transparent;
   --ion-background-color: transparent;
 }
-.barcode-scanner-modal {
-  visibility: visible;
+html.barcode-scanner-active-html[data-v-7a4f2d02] {
+  background: transparent !important;
 }
 @media (prefers-color-scheme: dark) {
-.barcode-scanner-modal {
+.barcode-scanner-modal[data-v-7a4f2d02] {
     --background: transparent;
     --ion-background-color: transparent;
 }