@ozdao/prometheus-framework 0.2.219 → 0.2.220

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

@@ -82,6 +82,136 @@
 }
 .background-div {
   flex-grow: 1;
+}.selector {
+  flex-grow: 1;
+  flex-basis: 0;
+  min-width: 0;
+}.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 {
+  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;
+  padding-left: 1rem;
+  z-index: 4;
+}
+.VueSelect .vue-input input {
+  font-size: 1.125rem;
+  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;
+}
+
+.documents[data-v-f93fcad7] {
+  display: flex;
+  flex-direction: column;
+}
+.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;
+}
+.location-button:hover {
+  box-shadow: inset 0 0 0 2px rgb(var(--main));
+}
+.menu-btn {
+  display: block;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  position: relative;
+}
+.menu-btn span,
+.menu-btn__before,
+.menu-btn__after {
+  position: absolute;
+  top: 50%;
+  margin-top: -1px;
+  left: 50%;
+  margin-left: -10px;
+  width: 20px;
+  height: 2px;
+}
+.menu-btn__before,
+.menu-btn__after {
+  display: block;
+  transition: 0.2s;
+}
+.menu-btn__before {
+  transform: translateY(-5px);
+}
+.menu-btn__after {
+  transform: translateY(5px);
+}
+.menu-btn_active .menu-btn__before {
+  transform: rotate(-35deg);
+  width: 10px;
+  transform-origin: left bottom;
+}
+.menu-btn_active .menu-btn__after {
+  transform: rotate(35deg);
+  width: 10px;
+  transform-origin: left top;
+}
+.menu-btn_active span:before {
+  transform: rotate(-35deg);
+  width: 10px;
+  transform-origin: left bottom;
+}
+.menu-btn_active span:after {
+  transform: rotate(35deg);
+  width: 10px;
+  transform-origin: left top;
+}
+.menu-block {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.menu-nav {
+  background-color: #fff;
+  height: 50px;
+}
+.menu-nav__link {
+  display: inline-block;
+  text-decoration: none;
+  color: #fff;
+  margin-right: 20px;
+}
+.menu-nav__link {
+  transition: 0.5s;
+  transform-origin: right center;
+  transform: translateX(50%);
+  opacity: 0;
+}
+.menu-nav__link_active {
+  transform: translateX(0%);
+  opacity: 1;
+}#sidebar ul li {
+  margin-bottom: 1rem;
 }.scaleIn-enter-active,
 .scaleIn-leave-active {
   transform: scale(1);
@@ -208,137 +338,7 @@
 .scaleIn-leave-to div {
   transform: translateZ(-30px);
   transition: all 0.5s ease;
-}.location-button:hover {
-  box-shadow: inset 0 0 0 2px rgb(var(--main));
-}
-.menu-btn {
-  display: block;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 50%;
-  position: relative;
-}
-.menu-btn span,
-.menu-btn__before,
-.menu-btn__after {
-  position: absolute;
-  top: 50%;
-  margin-top: -1px;
-  left: 50%;
-  margin-left: -10px;
-  width: 20px;
-  height: 2px;
-}
-.menu-btn__before,
-.menu-btn__after {
-  display: block;
-  transition: 0.2s;
-}
-.menu-btn__before {
-  transform: translateY(-5px);
-}
-.menu-btn__after {
-  transform: translateY(5px);
-}
-.menu-btn_active .menu-btn__before {
-  transform: rotate(-35deg);
-  width: 10px;
-  transform-origin: left bottom;
-}
-.menu-btn_active .menu-btn__after {
-  transform: rotate(35deg);
-  width: 10px;
-  transform-origin: left top;
-}
-.menu-btn_active span:before {
-  transform: rotate(-35deg);
-  width: 10px;
-  transform-origin: left bottom;
-}
-.menu-btn_active span:after {
-  transform: rotate(35deg);
-  width: 10px;
-  transform-origin: left top;
-}
-.menu-block {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.menu-nav {
-  background-color: #fff;
-  height: 50px;
-}
-.menu-nav__link {
-  display: inline-block;
-  text-decoration: none;
-  color: #fff;
-  margin-right: 20px;
-}
-.menu-nav__link {
-  transition: 0.5s;
-  transform-origin: right center;
-  transform: translateX(50%);
-  opacity: 0;
-}
-.menu-nav__link_active {
-  transform: translateX(0%);
-  opacity: 1;
-}#sidebar ul li {
-  margin-bottom: 1rem;
-}.selector {
-  flex-grow: 1;
-  flex-basis: 0;
-  min-width: 0;
-}.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 {
-  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;
-  padding-left: 1rem;
-  z-index: 4;
-}
-.VueSelect .vue-input input {
-  font-size: 1.125rem;
-  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;
-}
-
-.documents[data-v-f93fcad7] {
-  display: flex;
-  flex-direction: column;
-}
-.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;
-}
-.fade-move,
+}.fade-move,
 .fade-enter-active,
 .fade-leave-active {
   transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
@@ -447,30 +447,6 @@
 /*.product-360-viewer img:hover {
   transform: scale(1.1);
 }*/
-
-/* Ваши стили */
-
-.spiral {
-	
-  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 5s linear infinite;
-}
-@keyframes spin {
-0% {
-    transform: translate(-50%, -50%) rotate(0deg);
-}
-100% {
-    transform: translate(-50%, -50%) rotate(360deg);
-}
-}
 .embla {
   overflow: hidden;
 }
@@ -486,7 +462,9 @@
     flex: 0 0 50%;
     min-width: 0;
 }
-}.price-tag {
+}
+/* Ваши стили */
+.price-tag {
   background: #058;
   color: #fff;
   cursor: pointer;
@@ -497,13 +475,29 @@
   align-items: center;
   width: fit-content;
   color: black;
-}.h1-product {
-  font-size: 3rem;
 }
-.produc-data {
-  padding-top: 2rem;
-  padding-bottom: 0;
-}.thc {
+.spiral {
+	
+  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 5s linear infinite;
+}
+@keyframes spin {
+0% {
+    transform: translate(-50%, -50%) rotate(0deg);
+}
+100% {
+    transform: translate(-50%, -50%) rotate(360deg);
+}
+}
+.thc {
   position: absolute;
   right: 1rem;
   top: 1rem;
@@ -537,6 +531,12 @@
     transform: scale(0.75) !important;
     transform-origin: top right !important;
 }
+}.h1-product {
+  font-size: 3rem;
+}
+.produc-data {
+  padding-top: 2rem;
+  padding-bottom: 0;
 }.main-photo {
   max-width: 50%;
 }
@@ -577,7 +577,17 @@
   border: 0;
 }
 /* Add your styles here */
-.spiral[data-v-4a28df5c] {
+@media screen and (max-width: 1025px) {
+#mobileApp {
+    text-align: center;
+}
+#mobileApp > section {
+    flex-direction: column;
+}
+#mobileApp > section > div {
+    order: 1;
+}
+}.spiral[data-v-4a28df5c] {
   background-image: url("https://weeder.delivery/spiral.jpg");
   background-size: cover;
   width: 100rem;
@@ -597,16 +607,6 @@
 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;
@@ -647,12 +647,12 @@
     flex: 0 0 75%;
 }
 }
-.subspotsartment[data-v-bc545dfb] {
+.subspotsartment[data-v-a4b9b533] {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 1rem;
 }
 
-.subspotsartment[data-v-a4b9b533] {
+.subspotsartment[data-v-bc545dfb] {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 1rem;
 }
@@ -672,24 +672,6 @@ input[data-v-3c991e96] {
 }
 #map[data-v-3b081dcc]:focus {
   outline: none;
-}.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;
 }.blink[data-v-d2db1c69] {
   animation: blink-animation-d2db1c69 1s ease infinite;
 }
@@ -708,6 +690,32 @@ input[data-v-3c991e96] {
   height: 3rem;
 }.shop-cart-item[data-v-e9803d20]:first-of-type {
   padding-top: 0;
+}.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;
+}.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);
 }.shop-cart {
   display: block;
   position: fixed;
@@ -744,14 +752,6 @@ input[data-v-3c991e96] {
 .shop-cart-active .shopcart-footer {
     right: 0;
 }
-}.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);
 }input[data-v-5659d4ce], textarea[data-v-5659d4ce], span[data-v-5659d4ce] {
   line-height: 1;
   color: inherit;
@@ -849,234 +849,34 @@ button[disabled]:hover {
 .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;
-}.no-scroll {
-  overflow: hidden;
-}
-.popup-wrapper {
-  display: flex;
-  position: fixed;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  z-index: 40;
-}
-.popup-wrapper .popup {
-  position: absolute;
-  height: auto;
-  padding: 2rem;
-  min-width: 24rem;
-  border-radius: 2rem;
-  overflow: hidden;
-  color: white;
-  background: black;
-  z-index: 40;
-}
-.color-overlay {
-  display: block;
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0);
-  pointer-events: none;
-  transform: scale(1.5);
-  transition: all 0.5s cubic-bezier(0.31, 0.79, 0.24, 0.92);
-}
-.color-overlay.active {
-  background: rgba(0, 0, 0, 0.25);
-  pointer-events: all;
-}.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;
-}
-}
-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));
-}.header-arrow {
-  position: absolute;
-  left: 1.25rem;
-  height: 2rem;
-}
-.header-profile {
-  position: absolute;
-  right: 1.25rem;
-  height: 2rem;
-}
-.header-shopcart {
-  position: absolute;
-  right: 4.25rem;
-  height: 2rem;
-}
-.header-title {
-  pointer-events: none;
-}
-.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(50px);
-}
-.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;
-}.mobile-menu-section > div:last-of-type {
-  border-bottom: none !important;
-}.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;
+.vti__dropdown-list.above {
+  top: auto;
+  bottom: 100%;
 }
-.breadcrumbs .router-link-exact-active:last-of-type span {
-  color: #00ff88;
+.vti__dropdown-arrow {
+  transform: scaleY(0.5);
+  display: inline-block;
+  color: #666;
 }
-.feed-move, /* apply transition to moving elements */
-.feed-enter-active,
-.feed-leave-active {
-  transition: all 0.5s ease;
+.vti__dropdown-item {
+  cursor: pointer;
+  padding: 4px 15px;
 }
-.feed-enter-from,
-.feed-leave-to {
-  opacity: 0;
-  transform: translateY(30px);
+.vti__dropdown-item.last-preferred {
+  border-bottom: 1px solid #cacaca;
 }
-
-/* ensure leaving items are taken out of layout flow so that moving
-   animations can be calculated correctly. */
-.feed-leave-active {
-  position: absolute;
+.vti__dropdown-item .vti__flag {
+  display: inline-block;
+  margin-right: 5px;
 }
-.vue3-marquee {
+.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;
 }
@@ -1182,7 +982,59 @@ a[data-v-380d7b3b]:hover {
 /*.dropdown:hover .dropdown-content {
   display: block;
 }*/
+.mobile-menu-section > div:last-of-type {
+  border-bottom: none !important;
+}.spoiler {
+  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
+}
+.collapse-enter-active,
+.collapse-leave-active {
+  max-height: 2000px;
+}
+.collapse-enter-from,
+.collapse-leave-to {
+  max-height: 0;
+}
+.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 {
+  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;
+}
 .ti-tag-toDefactor {
     background-color: rgb(var(--main));
     color: rgb(var(--black));
@@ -1191,27 +1043,11 @@ a[data-v-380d7b3b]:hover {
     margin: 2px;
     font-size: .85em;
 }
-
-.my-location-button {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 99;
-}
-.gm-style-cc { display:none;
-}
-
-
-.spoiler {
-  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
-}
-.collapse-enter-active,
-.collapse-leave-active {
-  max-height: 2000px;
+li[data-v-bf25c24d] {
+  list-style-type: none;
 }
-.collapse-enter-from,
-.collapse-leave-to {
-  max-height: 0;
+ul li[data-v-bf25c24d] {
+  line-height: 2;
 }
 fieldset[disabled] .multiselect {
     pointer-events: none;
@@ -1524,90 +1360,254 @@ fieldset[disabled] .multiselect {
     background: #ededed;
     color: #35495e;
 }
-.multiselect__option--group.multiselect__option--highlight {
-    background: #35495e;
-    color: #fff;
+.multiselect__option--group.multiselect__option--highlight {
+    background: #35495e;
+    color: #fff;
+}
+.multiselect__option--group.multiselect__option--highlight::after {
+    background: #35495e;
+}
+.multiselect__option--disabled.multiselect__option--highlight {
+    background: #dedede;
+}
+.multiselect__option--group-selected.multiselect__option--highlight {
+    background: #ff6a6a;
+    color: #fff;
+}
+.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;
+}
+.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);
+}
+}
+.no-scroll {
+  overflow: hidden;
+}
+.popup-wrapper {
+  display: flex;
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 40;
+}
+.popup-wrapper .popup {
+  position: absolute;
+  height: auto;
+  padding: 2rem;
+  min-width: 24rem;
+  border-radius: 2rem;
+  overflow: hidden;
+  color: white;
+  background: black;
+  z-index: 40;
+}
+.color-overlay {
+  display: block;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0);
+  pointer-events: none;
+  transform: scale(1.5);
+  transition: all 0.5s cubic-bezier(0.31, 0.79, 0.24, 0.92);
+}
+.color-overlay.active {
+  background: rgba(0, 0, 0, 0.25);
+  pointer-events: all;
+}
+.my-location-button {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 99;
+}
+.gm-style-cc { display:none;
+}
+
+
+
+.pac-container {
+  position: absolute;
+  background-color: white;
+  z-index: 1000;
+  border-radius: 2rem;
+  overflow: hidden;
+}
+
+.t-trimmed {
+		font-size: 0;
+}
+
+.subunit[data-v-a2ed7104] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+.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));
+}.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;
 }
-.multiselect__option--group.multiselect__option--highlight::after {
-    background: #35495e;
+.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;
 }
-.multiselect__option--disabled.multiselect__option--highlight {
-    background: #dedede;
+.circular-loader-fill {
+  stroke-linecap: round;
+  stroke: rgba(var(--black),0.2);
 }
-.multiselect__option--group-selected.multiselect__option--highlight {
-    background: #ff6a6a;
-    color: #fff;
+.progress-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 0.8rem;
+  color: rgb(var(--main));
 }
-.multiselect__option--group-selected.multiselect__option--highlight::after {
-    background: #ff6a6a;
-    content: attr(data-deselect);
-    color: #fff;
+.status-text {
+  position: absolute;
+  top: 120%;
+  left: calc(50% - 5rem);
+  font-size: 0.8rem;
+  width: 10rem !important;
+  text-align: center;
 }
-.multiselect-enter-active,
-  .multiselect-leave-active {
-    transition: all 0.15s ease;
+@keyframes rotate {
+100% {
+    transform: rotate(360deg);
 }
-.multiselect-enter,
-  .multiselect-leave-active {
-    opacity: 0;
 }
-.multiselect__strong {
-    margin-bottom: 8px;
-    line-height: 20px;
-    display: inline-block;
-    vertical-align: top;
+@keyframes dash {
+0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
 }
-*[dir="rtl"] .multiselect {
-    text-align: right;
+50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35;
 }
-*[dir="rtl"] .multiselect__select {
-    right: auto;
-    left: 1px;
+100% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: -124;
 }
-*[dir="rtl"] .multiselect__tags {
-    padding: 8px 8px 0 40px;
 }
-*[dir="rtl"] .multiselect__content {
-    text-align: right;
+.header-arrow {
+  position: absolute;
+  left: 1.25rem;
+  height: 2rem;
 }
-*[dir="rtl"] .multiselect__option::after {
-    right: auto;
-    left: 0;
+.header-profile {
+  position: absolute;
+  right: 1.25rem;
+  height: 2rem;
 }
-*[dir="rtl"] .multiselect__clear {
-    right: auto;
-    left: 12px;
+.header-shopcart {
+  position: absolute;
+  right: 4.25rem;
+  height: 2rem;
 }
-*[dir="rtl"] .multiselect__spinner {
-    right: auto;
-    left: 1px;
+.header-title {
+  pointer-events: none;
 }
-@keyframes spinning {
-from {
-      transform: rotate(0);
+.slideIn-enter-active,
+.slideIn-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
 }
-to {
-      transform: rotate(2turn);
+.slideIn-enter-from,
+.slideIn-leave-to {
+  opacity: 0;
+  transform: translateX(50px);
 }
+.slideIn-enter-from span,
+.slideIn-leave-to span {
+  position: absolute;
 }
-
-.t-trimmed {
-		font-size: 0;
+.slideY-enter-active,
+.slideY-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
 }
-
-.subunit[data-v-a2ed7104] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
+.slideY-enter-from,
+.slideY-leave-to {
+  opacity: 0;
+  transform: translateY(50px);
 }
-
-.pac-container {
+.slideY-enter-from span,
+.slideY-leave-to span {
   position: absolute;
-  background-color: white;
-  z-index: 1000;
-  border-radius: 2rem;
-  overflow: hidden;
-}
-@media screen and (max-width: 1025px) {
+}@media screen and (max-width: 1025px) {
 .content-hero-refactor[data-v-d462f954] {
     text-align: center;
 }
@@ -1714,54 +1714,6 @@ input[data-v-516f3e07], span[data-v-516f3e07] {
     width: 100%;
     height: 100%;
 }
-
-.pd-2px[data-v-2fc13a78] {
-  padding: 2px 4px;
-  margin-right: 4px;
-}
-.modal[data-v-2fc13a78] {
-  position: fixed; 
-  z-index: 1; 
-  left: 0;
-  top: 0;
-  width: 100%; 
-  height: 100%; 
-  overflow: auto; 
-  background-color: rgba(0,0,0,0.9); 
-  z-index: 50;
-}
-.modal-content[data-v-2fc13a78] {
-  margin: auto;
-  z-index: 5;
-  width: 100%;
-  max-width: 30rem;
-  overflow: scroll;
-}
-.close[data-v-2fc13a78] {
-  position: fixed;
-  top: 2rem;
-  right: 3rem;
-
-  color: #f1f1f1;
-  font-size: 40px;
-  font-weight: bold;
-  transition: 0.3s;
-  z-index: 10;
-}
-.close[data-v-2fc13a78]:hover,
-.close[data-v-2fc13a78]:focus {
-  color: #bbb;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-/* Transitions */
-.modal-enter-active[data-v-2fc13a78], .modal-leave-active[data-v-2fc13a78] {
-  transition: opacity .5s;
-}
-.modal-enter[data-v-2fc13a78], .modal-leave-to[data-v-2fc13a78] {
-  opacity: 0;
-}
 @charset "UTF-8";
 .ti-icon-check:before {
   content: "\\e902";
@@ -1881,11 +1833,64 @@ div.vue-tags-input.disabled * {
   background-color: rgb(var(--main));
   color: #fff;
 }
+.pd-2px[data-v-2fc13a78] {
+  padding: 2px 4px;
+  margin-right: 4px;
+}
+.modal[data-v-2fc13a78] {
+  position: fixed; 
+  z-index: 1; 
+  left: 0;
+  top: 0;
+  width: 100%; 
+  height: 100%; 
+  overflow: auto; 
+  background-color: rgba(0,0,0,0.9); 
+  z-index: 50;
+}
+.modal-content[data-v-2fc13a78] {
+  margin: auto;
+  z-index: 5;
+  width: 100%;
+  max-width: 30rem;
+  overflow: scroll;
+}
+.close[data-v-2fc13a78] {
+  position: fixed;
+  top: 2rem;
+  right: 3rem;
+
+  color: #f1f1f1;
+  font-size: 40px;
+  font-weight: bold;
+  transition: 0.3s;
+  z-index: 10;
+}
+.close[data-v-2fc13a78]:hover,
+.close[data-v-2fc13a78]:focus {
+  color: #bbb;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+/* Transitions */
+.modal-enter-active[data-v-2fc13a78], .modal-leave-active[data-v-2fc13a78] {
+  transition: opacity .5s;
+}
+.modal-enter[data-v-2fc13a78], .modal-leave-to[data-v-2fc13a78] {
+  opacity: 0;
+}
+
 .gmap[data-v-786189a4] {
   height: 300px;
   width: 100%;
 }
-.blink[data-v-5785b6f6] {
+.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 {
@@ -1897,12 +1902,12 @@ div.vue-tags-input.disabled * {
 }
 }
 /* Стили остаются без изменений */
-.card-page-title .card-page-actions {
-  display: none;
-}
-.card-page-title:hover .card-page-actions {
-  display: block;
+
+.address[data-v-97ae0556] {
+    text-wrap: nowrap;
+    display: block;
 }
+
 .tooltip-container {
   position: relative;
   display: inline-block;
@@ -1910,11 +1915,6 @@ div.vue-tags-input.disabled * {
 .tooltip-content {
   pointer-events: none;
 }
-
-.address[data-v-97ae0556] {
-    text-wrap: nowrap;
-    display: block;
-}
 /* Your styles here */
 .draggable-container {
   display: flex;