@ozdao/prometheus-framework 0.2.310 → 0.2.312

Sign up to get free protection for your applications and to get access to all the features.
Files changed (171) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/products.server.js +6 -7
  3. package/dist/products.server.mjs +6 -7
  4. package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.cjs +0 -93
  5. package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.cjs.map +1 -1
  6. package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.js +1 -94
  7. package/dist/prometheus-framework/src/components/EditImages/EditImages.vue.js.map +1 -1
  8. package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.cjs +93 -0
  9. package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.cjs.map +1 -1
  10. package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.js +94 -1
  11. package/dist/prometheus-framework/src/components/EditImages/EditImages.vue2.js.map +1 -1
  12. package/dist/prometheus-framework/src/components/Feed/Feed.vue.cjs +1 -1
  13. package/dist/prometheus-framework/src/components/Feed/Feed.vue.js +1 -1
  14. package/dist/prometheus-framework/src/components/FieldBig/FieldBig.vue.cjs +1 -1
  15. package/dist/prometheus-framework/src/components/FieldBig/FieldBig.vue.js +1 -1
  16. package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.cjs +2 -2
  17. package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.js +2 -2
  18. package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.cjs +1 -1
  19. package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.js +1 -1
  20. package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterPassword.vue.cjs +2 -2
  21. package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterPassword.vue.js +2 -2
  22. package/dist/prometheus-framework/src/modules/auth/views/components/pages/Invite.vue.cjs +2 -2
  23. package/dist/prometheus-framework/src/modules/auth/views/components/pages/Invite.vue.js +2 -2
  24. package/dist/prometheus-framework/src/modules/auth/views/components/pages/Profile.vue.cjs +3 -3
  25. package/dist/prometheus-framework/src/modules/auth/views/components/pages/Profile.vue.js +3 -3
  26. package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileEdit.vue.cjs +2 -2
  27. package/dist/prometheus-framework/src/modules/auth/views/components/pages/ProfileEdit.vue.js +2 -2
  28. package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.cjs +2 -2
  29. package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.js +2 -2
  30. package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignIn.vue.cjs +2 -2
  31. package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignIn.vue.js +2 -2
  32. package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignUp.vue.cjs +2 -2
  33. package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignUp.vue.js +2 -2
  34. package/dist/prometheus-framework/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.cjs +2 -2
  35. package/dist/prometheus-framework/src/modules/auth/views/components/sections/ProfileEditCredentials.vue.js +2 -2
  36. package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.cjs +1 -1
  37. package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.js +1 -1
  38. package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.cjs +1 -1
  39. package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.js +1 -1
  40. package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.cjs +1 -1
  41. package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js +1 -1
  42. package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs +2 -2
  43. package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js +2 -2
  44. package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs +2 -2
  45. package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js +2 -2
  46. package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs +2 -2
  47. package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js +2 -2
  48. package/dist/prometheus-framework/src/modules/constructor/components/elements/Card.vue.cjs +1 -1
  49. package/dist/prometheus-framework/src/modules/constructor/components/elements/Card.vue.js +1 -1
  50. package/dist/prometheus-framework/src/modules/constructor/components/elements/Embed.vue.cjs +1 -1
  51. package/dist/prometheus-framework/src/modules/constructor/components/elements/Embed.vue.js +1 -1
  52. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs +1 -1
  53. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js +1 -1
  54. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.cjs +1 -1
  55. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.js +1 -1
  56. package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.cjs +4 -4
  57. package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js +4 -4
  58. package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.cjs +2 -2
  59. package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.js +2 -2
  60. package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs +4 -4
  61. package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.js +4 -4
  62. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.cjs +1 -1
  63. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.js +1 -1
  64. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.cjs +2 -2
  65. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.js +2 -2
  66. package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.cjs +1 -1
  67. package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js +1 -1
  68. package/dist/prometheus-framework/src/modules/globals/views/components/partials/BottomNavigationBar.vue.cjs +3 -3
  69. package/dist/prometheus-framework/src/modules/globals/views/components/partials/BottomNavigationBar.vue.cjs.map +1 -1
  70. package/dist/prometheus-framework/src/modules/globals/views/components/partials/BottomNavigationBar.vue.js +3 -3
  71. package/dist/prometheus-framework/src/modules/globals/views/components/partials/BottomNavigationBar.vue.js.map +1 -1
  72. package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.cjs +1 -1
  73. package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.js +1 -1
  74. package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.cjs +15 -12
  75. package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.cjs.map +1 -1
  76. package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.js +15 -12
  77. package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.js.map +1 -1
  78. package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs +3 -3
  79. package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js +3 -3
  80. package/dist/prometheus-framework/src/modules/orders/components/sections/FormAddCustomer.vue.cjs +2 -2
  81. package/dist/prometheus-framework/src/modules/orders/components/sections/FormAddCustomer.vue.js +2 -2
  82. package/dist/prometheus-framework/src/modules/orders/components/sections/FormCustomerDetails.vue.cjs +1 -1
  83. package/dist/prometheus-framework/src/modules/orders/components/sections/FormCustomerDetails.vue.js +1 -1
  84. package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.cjs +1 -1
  85. package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.js +1 -1
  86. package/dist/prometheus-framework/src/modules/organizations/components/elements/ButtonToggleMembership.vue.cjs +1 -1
  87. package/dist/prometheus-framework/src/modules/organizations/components/elements/ButtonToggleMembership.vue.js +1 -1
  88. package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs +2 -2
  89. package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js +2 -2
  90. package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.cjs +1 -1
  91. package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js +1 -1
  92. package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs +3 -3
  93. package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.js +3 -3
  94. package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTabSection.vue.cjs +1 -1
  95. package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTabSection.vue.js +1 -1
  96. package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.cjs +2 -2
  97. package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.js +2 -2
  98. package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.cjs +2 -2
  99. package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.js +2 -2
  100. package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.cjs +2 -2
  101. package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.js +2 -2
  102. package/dist/prometheus-framework/src/modules/pages/pages.client.cjs +1029 -1029
  103. package/dist/prometheus-framework/src/modules/pages/pages.client.js +1029 -1029
  104. package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.cjs +2 -2
  105. package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.js +2 -2
  106. package/dist/prometheus-framework/src/modules/pages/views/components/pages/PageEdit.vue.cjs +2 -2
  107. package/dist/prometheus-framework/src/modules/pages/views/components/pages/PageEdit.vue.js +2 -2
  108. package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.cjs +1 -1
  109. package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.js +1 -1
  110. package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs +2 -2
  111. package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js +2 -2
  112. package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.cjs +46 -15
  113. package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.cjs.map +1 -1
  114. package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.js +47 -16
  115. package/dist/prometheus-framework/src/modules/products/components/blocks/CardProduct.vue.js.map +1 -1
  116. package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.cjs +1 -1
  117. package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.js +1 -1
  118. package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.cjs +1 -1
  119. package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.js +1 -1
  120. package/dist/prometheus-framework/src/modules/products/components/elements/Price.vue.cjs +2 -2
  121. package/dist/prometheus-framework/src/modules/products/components/elements/Price.vue.js +2 -2
  122. package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs +3 -3
  123. package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js +3 -3
  124. package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs +2 -2
  125. package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js +2 -2
  126. package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.cjs +2 -2
  127. package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.js +2 -2
  128. package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.cjs +3 -3
  129. package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.js +3 -3
  130. package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.cjs +25 -19
  131. package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.cjs.map +1 -1
  132. package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.js +25 -19
  133. package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.js.map +1 -1
  134. package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.cjs +1 -1
  135. package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.js +1 -1
  136. package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs +2 -2
  137. package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.js +2 -2
  138. package/dist/prometheus-framework/src/modules/products/components/sections/Filters.vue.cjs +1 -1
  139. package/dist/prometheus-framework/src/modules/products/components/sections/Filters.vue.js +1 -1
  140. package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.cjs +40 -65
  141. package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.cjs.map +1 -1
  142. package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.js +41 -66
  143. package/dist/prometheus-framework/src/modules/products/components/sections/PopularProducts.vue.js.map +1 -1
  144. package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.cjs +1 -1
  145. package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.js +1 -1
  146. package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.cjs +1 -1
  147. package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.js +1 -1
  148. package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.cjs +1 -1
  149. package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.js +1 -1
  150. package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.cjs +2 -2
  151. package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.js +2 -2
  152. package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.cjs +1 -1
  153. package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.js +1 -1
  154. package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.cjs +2 -2
  155. package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.js +2 -2
  156. package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.cjs +1 -1
  157. package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.js +1 -1
  158. package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs +1 -1
  159. package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js +1 -1
  160. package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.cjs +2 -2
  161. package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.js +2 -2
  162. package/package.json +1 -1
  163. package/src/modules/globals/views/components/partials/BottomNavigationBar.vue +3 -3
  164. package/src/modules/globals/views/components/partials/NavigationBar.vue +1 -1
  165. package/src/modules/products/components/blocks/CardProduct.vue +38 -18
  166. package/src/modules/products/components/elements/Price.vue +2 -2
  167. package/src/modules/products/components/pages/Products.vue +9 -4
  168. package/src/modules/products/components/sections/PopularProducts.vue +28 -50
  169. package/src/modules/products/controllers/categories.controller.js +2 -4
  170. package/src/modules/products/controllers/products.controller.js +1 -0
  171. package/src/styles/typography.scss +5 -5
@@ -3,26 +3,28 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(`.container-joinus {
7
- display: flex;
8
- align-items: center;
9
- justify-content: center;
10
- height: 66%;
11
- position: relative;
6
+ elementStyle.appendChild(document.createTextNode(`.slide-fade-enter-active {
7
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
12
8
  }
13
- .container-joinus .content {
14
- display: flex;
15
- flex-direction: column;
16
- align-items: center;
17
- z-index: 2;
18
- }.slider-hotpost .embla__slide {
19
- flex: 0 0 25%;
9
+ .slide-fade-leave-active {
10
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
20
11
  }
21
- @media screen and (max-width: 1025px) {
22
- .slider-hotpost .embla__slide {
23
- flex: 0 0 75%;
12
+ .slide-fade-enter-from,
13
+ .slide-fade-leave-to {
14
+ position: absolute;
15
+ transform: translateX(20px);
16
+ opacity: 0;
17
+ left: 0;
18
+ top: 0;
19
+ }.soon-label {
20
+ position: absolute;
21
+ right: -0.25em;
22
+ top: -0.25rem;
23
+ padding-left: 1rem;
24
+ padding-right: 1rem;
25
+ line-height: 1.5rem;
24
26
  }
25
- }.slide-fade-enter-active {
27
+ .slide-fade-enter-active {
26
28
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
27
29
  }
28
30
  .slide-fade-leave-active {
@@ -35,6 +37,14 @@
35
37
  opacity: 0;
36
38
  left: 0;
37
39
  top: 0;
40
+ }
41
+ .input-error {
42
+ border: 1px solid red;
43
+ box-shadow: 0 0 3px 0 red;
44
+ }.selector {
45
+ flex-grow: 1;
46
+ flex-basis: 0;
47
+ min-width: 0;
38
48
  }.fade-enter-active, .fade-leave-active {
39
49
  transition: opacity 0.5s;
40
50
  }
@@ -76,36 +86,44 @@
76
86
  }
77
87
  .background-div {
78
88
  flex-grow: 1;
79
- }.soon-label {
80
- position: absolute;
81
- right: -0.25em;
82
- top: -0.25rem;
83
- padding-left: 1rem;
84
- padding-right: 1rem;
85
- line-height: 1.5rem;
89
+ }.moveFromTop-enter-active,
90
+ .moveFromTop-leave-active {
91
+ transform: translateY(0);
92
+ opacity: 1;
93
+ transition: all 0.5s ease;
86
94
  }
87
- .slide-fade-enter-active {
88
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
95
+ .moveFromTop-enter-from,
96
+ .moveFromTop-leave-to {
97
+ transform: translateY(-1rem);
98
+ opacity: 0;
99
+ transition: all 0.5s ease;
89
100
  }
90
- .slide-fade-leave-active {
91
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
101
+ .moveFromTopAbsolute-enter-active,
102
+ .moveFromTopAbsolute-leave-active {
103
+ transform: translateY(0);
104
+ opacity: 1;
105
+ transition: all 0.5s ease;
92
106
  }
93
- .slide-fade-enter-from,
94
- .slide-fade-leave-to {
107
+ .moveFromTopAbsolute-enter-from,
108
+ .moveFromTopAbsolute-leave-to {
95
109
  position: absolute;
96
- transform: translateX(20px);
110
+ transform: translateY(-1rem);
97
111
  opacity: 0;
98
- left: 0;
99
- top: 0;
112
+ transition: all 0.5s ease;
100
113
  }
101
- .input-error {
102
- border: 1px solid red;
103
- box-shadow: 0 0 3px 0 red;
104
- }.selector {
105
- flex-grow: 1;
106
- flex-basis: 0;
107
- min-width: 0;
108
- }.slide-fade-enter-active {
114
+ .ScaleOut-enter-active,
115
+ .ScaleOut-leave-active {
116
+ opacity: 1;
117
+ transform: scale(1);
118
+ transition: all 0.3s ease;
119
+ }
120
+ .ScaleOut-enter-from,
121
+ .ScaleOut-leave-to {
122
+ opacity: 0;
123
+ transform: scale(0.9);
124
+ transition: all 0.3s ease;
125
+ }
126
+ .slide-fade-enter-active {
109
127
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
110
128
  }
111
129
  .slide-fade-leave-active {
@@ -114,274 +132,205 @@
114
132
  .slide-fade-enter-from,
115
133
  .slide-fade-leave-to {
116
134
  min-height: 0;
117
- position: absolute;
118
135
  transform: translateX(20px);
119
136
  opacity: 0;
120
137
  left: 0;
121
138
  top: 0;
122
- }.VueSelect {
123
- background: #f7f7f7;
124
- border-radius: 0.5rem;
125
- border: 0;
126
- height: 3rem;
127
- padding-left: 1rem;
128
- z-index: 4;
129
139
  }
130
- .VueSelect .vue-input input {
131
- font-size: 1.125rem;
132
- font-weight: 300;
133
- background: #f7f7f7;
140
+ .scaleTransition-5px-enter-active,
141
+ .scaleTransition-5px-leave-active {
142
+ transform: translateY(0px);
143
+ opacity: 1;
144
+ z-index: 1;
145
+ transition: all 0.2s ease;
134
146
  }
135
- /* Add styles for the user card component here */
136
-
137
- .subdepartmentsartment[data-v-15358182] {
138
- border: 1px solid rgba(0, 0, 0, 0.1);
139
- margin-top: 1rem;
147
+ .scaleTransition-5px-enter-from,
148
+ .scaleTransition-5px-leave-to {
149
+ opacity: 0;
150
+ z-index: 0;
151
+ position: absolute;
152
+ transform: translateY(-30px);
153
+ transition: all 0.2s ease;
140
154
  }
141
-
142
- .documents[data-v-f93fcad7] {
143
- display: flex;
144
- flex-direction: column;
155
+ .scaleTransition-enter-from,
156
+ .scaleTransition-leave-to {
157
+ opacity: 0;
158
+ z-index: 0;
159
+ position: absolute;
160
+ width: inherit;
161
+ height: inherit;
162
+ display: block;
163
+ transform: translateY(30px);
164
+ transition: all 0.5s ease;
145
165
  }
146
- .popup[data-v-f93fcad7] {
147
- position: fixed;
148
- top: 50%;
149
- left: 50%;
150
- transform: translate(-50%, -50%);
151
- background-color: white;
152
- border: 1px solid #ccc;
153
- padding: 20px;
154
- z-index: 10;
166
+ .scaleTransition-enter-active,
167
+ .scaleTransition-leave-active {
168
+ transform: translateY(0px);
169
+ opacity: 1;
170
+ z-index: 1;
171
+ transition: all 0.5s ease;
155
172
  }
156
- .vue-select {
157
- background: #f7f7f7;
158
- border-radius: 0.5rem;
159
- border: 0;
160
- height: 3rem;
161
- padding-left: 1rem;
162
- z-index: 4;
173
+ .scaleTransition-enter-from,
174
+ .scaleTransition-leave-to {
175
+ opacity: 0;
176
+ z-index: 0;
177
+ position: absolute;
178
+ width: inherit;
179
+ height: inherit;
180
+ display: block;
181
+ transform: translateY(30px);
182
+ transition: all 0.5s ease;
163
183
  }
164
- .vue-select .vue-input input {
165
- font-size: 1.125rem;
166
- font-weight: 300;
167
- background: #f7f7f7;
184
+ .scaleIn-enter-active,
185
+ .scaleIn-leave-active {
186
+ transition: all 0.5s ease;
168
187
  }
169
- .magnifier[data-v-48231055] {
170
- max-width: 32rem;
188
+ .scaleIn-enter-active > section, .scaleIn-enter-active div,
189
+ .scaleIn-leave-active > section,
190
+ .scaleIn-leave-active div {
191
+ transform-origin: 0 0;
192
+ transform: translateZ(0px);
193
+ transition: all 0.5s ease;
171
194
  }
172
- .product-images[data-v-48231055] {
173
- display: flex;
174
- flex-direction: column;
195
+ .scaleIn-enter-from,
196
+ .scaleIn-leave-to {
197
+ opacity: 0;
198
+ transform: scale(0.95);
175
199
  }
176
- .thumbnail[data-v-48231055] {
177
- width: 100%;
178
- max-width: 8rem;
179
- height: 8rem;
180
- object-fit: cover;
181
- cursor: pointer;
200
+ .scaleIn-enter-from > section, .scaleIn-enter-from div,
201
+ .scaleIn-leave-to > section,
202
+ .scaleIn-leave-to div {
203
+ transform: translateZ(-30px);
204
+ transition: all 0.5s ease;
205
+ }#sidebar ul li {
206
+ margin-bottom: 1rem;
207
+ }.location-button:hover {
208
+ box-shadow: inset 0 0 0 2px rgb(var(--main));
182
209
  }
183
- .popup[data-v-48231055] {
184
- position: fixed;
185
- top: 0;
186
- left: 0;
187
- width: 100vw;
188
- height: 100vh;
189
- background-color: rgba(0, 0, 0, 0.8);
190
- display: flex;
191
- justify-content: center;
192
- align-items: center;
193
- cursor: zoom-out;
210
+ .menu-btn {
211
+ display: block;
212
+ width: 2rem;
213
+ height: 2rem;
214
+ border-radius: 50%;
215
+ position: relative;
194
216
  }
195
- .popup-image[data-v-48231055] {
196
- max-width: 90%;
197
- max-height: 90%;
217
+ .menu-btn span,
218
+ .menu-btn__before,
219
+ .menu-btn__after {
220
+ position: absolute;
221
+ top: 50%;
222
+ margin-top: -1px;
223
+ left: 50%;
224
+ margin-left: -10px;
225
+ width: 20px;
226
+ height: 2px;
198
227
  }
199
- .shop-cart-item[data-v-bebbf16b]:first-of-type {
200
- padding-top: 0;
228
+ .menu-btn__before,
229
+ .menu-btn__after {
230
+ display: block;
231
+ transition: 0.2s;
201
232
  }
202
- .spoiler-active[data-v-bebbf16b] {
203
- transform: rotate(180deg);
233
+ .menu-btn__before {
234
+ transform: translateY(-5px);
204
235
  }
205
- .expand-enter-active[data-v-e552bc5f],
206
- .expand-leave-active[data-v-e552bc5f] {
207
- transition: max-height 0.5s ease-in-out;
208
- overflow: hidden;
236
+ .menu-btn__after {
237
+ transform: translateY(5px);
209
238
  }
210
- .scale-enter-active[data-v-e552bc5f],
211
- .scale-leave-active[data-v-e552bc5f] {
212
- transition: transform 0.5s ease-in-out;
213
- }
214
- .scale5-enter-from[data-v-e552bc5f],
215
- .scale5-leave-to[data-v-e552bc5f] {
216
- transform: scale(1.2);
217
- opacity: 0;
218
- }
219
- .scale5-enter-to[data-v-e552bc5f],
220
- .scale5-leave-from[data-v-e552bc5f] {
221
- transform: scale(1);
222
- opacity: 1;
239
+ .menu-btn_active .menu-btn__before {
240
+ transform: rotate(-35deg);
241
+ width: 10px;
242
+ transform-origin: left bottom;
223
243
  }
224
- .product-360-viewer[data-v-e552bc5f] {
225
- user-select: none;
226
- min-height: 16rem;
244
+ .menu-btn_active .menu-btn__after {
245
+ transform: rotate(35deg);
246
+ width: 10px;
247
+ transform-origin: left top;
227
248
  }
228
- .product-360-viewer img[data-v-e552bc5f] {
229
- max-width: 100%;
230
- cursor: grab;
231
-
232
- object-fit: cover;
233
- transition: all 0.3s ease;
249
+ .menu-btn_active span:before {
250
+ transform: rotate(-35deg);
251
+ width: 10px;
252
+ transform-origin: left bottom;
234
253
  }
235
- .product-360-viewer img[data-v-e552bc5f]:active {
236
- cursor: grabbing;
254
+ .menu-btn_active span:after {
255
+ transform: rotate(35deg);
256
+ width: 10px;
257
+ transform-origin: left top;
237
258
  }
238
-
239
- /*.product-360-viewer img:hover {
240
- transform: scale(1.1);
241
- }*/
242
-
243
- /* Ваши стили */
244
-
245
- .spiral {
246
-
247
- background-size: cover;
248
- width: 100rem;
249
- height: 100rem;
250
- position: absolute;
251
- top: 50%;
252
- left: 50%;
253
- opacity: 0.066;
254
- transform: translate(-50%, -50%) rotate(0deg);
255
- transform-origin: center center;
256
- animation: spin 5s linear infinite;
259
+ .menu-block {
260
+ display: flex;
261
+ justify-content: center;
262
+ align-items: center;
257
263
  }
258
- @keyframes spin {
259
- 0% {
260
- transform: translate(-50%, -50%) rotate(0deg);
264
+ .menu-nav {
265
+ background-color: #fff;
266
+ height: 50px;
261
267
  }
262
- 100% {
263
- transform: translate(-50%, -50%) rotate(360deg);
268
+ .menu-nav__link {
269
+ display: inline-block;
270
+ text-decoration: none;
271
+ color: #fff;
272
+ margin-right: 20px;
264
273
  }
274
+ .menu-nav__link {
275
+ transition: 0.5s;
276
+ transform-origin: right center;
277
+ transform: translateX(50%);
278
+ opacity: 0;
265
279
  }
266
- .grid-container {
267
- display: grid;
268
- grid-template-columns: repeat(4, 1fr);
269
- grid-template-rows: repeat(2, 1fr);
280
+ .menu-nav__link_active {
281
+ transform: translateX(0%);
282
+ opacity: 1;
283
+ }.header-shopcart {
284
+ position: absolute;
285
+ right: 4.25rem;
270
286
  }
271
- .grid-item:first-of-type {
272
- grid-column: span 2;
273
- grid-row: span 2;
287
+ .header-title {
288
+ pointer-events: none;
274
289
  }
275
- @media screen and (max-width: 1025px) {
276
- .grid-container {
277
- grid-template-columns: repeat(2, 1fr);
290
+ .slideIn-enter-active,
291
+ .slideIn-leave-active {
292
+ transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
278
293
  }
279
- }.embla {
280
- overflow: hidden;
294
+ .slideIn-enter-from,
295
+ .slideIn-leave-to {
296
+ opacity: 0;
297
+ transform: translateX(10px);
281
298
  }
282
- .embla__container {
283
- display: flex;
299
+ .slideIn-enter-from span,
300
+ .slideIn-leave-to span {
301
+ position: absolute;
284
302
  }
285
- .embla__slide {
286
- flex: 0 0 25%;
287
- min-width: 0;
303
+ .slideY-enter-active,
304
+ .slideY-leave-active {
305
+ transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
288
306
  }
289
- @media screen and (max-width: 1025px) {
290
- .embla__slide {
291
- flex: 0 0 50%;
292
- min-width: 0;
307
+ .slideY-enter-from,
308
+ .slideY-leave-to {
309
+ opacity: 0;
310
+ transform: translateY(50px);
293
311
  }
294
- }.price-tag {
295
- background: #058;
296
- color: #fff;
297
- cursor: pointer;
298
- display: inline-block;
299
- position: relative;
300
- text-align: center;
301
- display: flex;
302
- align-items: center;
303
- width: fit-content;
304
- color: black;
305
- }.thc {
312
+ .slideY-enter-from span,
313
+ .slideY-leave-to span {
306
314
  position: absolute;
307
- right: 1rem;
308
- top: 1rem;
315
+ }.container-joinus {
309
316
  display: flex;
310
- flex-direction: column;
311
- justify-content: center;
312
317
  align-items: center;
313
- flex-wrap: wrap;
314
- width: 6rem;
315
- height: 6rem;
316
- transition: all linear 0.1s;
317
- }
318
- .thc p:first-of-type {
319
- font-size: 1.25rem;
320
- letter-spacing: -2px;
321
- z-index: 7;
322
- }
323
- .thc p:last-of-type {
324
- z-index: 7;
325
- }
326
- .thc svg {
327
- z-index: 6;
328
- position: absolute;
329
- width: 6rem;
330
- height: 6rem;
331
- left: 0;
332
- top: 0;
333
- }
334
- @media screen and (max-width: 1025px) {
335
- .thc {
336
- transform: scale(0.75) !important;
337
- transform-origin: top right !important;
338
- }
339
- }.h1-product {
340
- font-size: 3rem;
341
- }
342
- .produc-data {
343
- padding-top: 2rem;
344
- padding-bottom: 0;
345
- }.main-photo {
346
- max-width: 50%;
347
- }
348
- .main-photo img {
349
- width: 100%;
318
+ justify-content: center;
319
+ height: 66%;
320
+ position: relative;
350
321
  }
351
- /* Add your styles here */
352
- .round-stat {
353
- padding: 1rem;
354
- border-radius: 5rem;
355
- width: 3rem;
356
- height: 3rem;
322
+ .container-joinus .content {
357
323
  display: flex;
358
- justify-content: center;
324
+ flex-direction: column;
359
325
  align-items: center;
360
- border: 1px solid rgba(0, 0, 0, 0.1);
361
- }
362
- .round-stat-tab {
363
- width: 2rem;
364
- height: 2rem;
365
- }
366
- .order-card {
367
- border-radius: 0.25rem;
368
- overflow: hidden;
369
- box-shadow: 0 8px 8px -8px rgba(36, 36, 36, 0.1);
370
- }
371
- .order-card .order-status {
372
- color: black;
373
- background: #EEF2F6;
374
- width: 100%;
375
- padding: 0.75rem 1.5rem;
376
- margin: 0;
326
+ z-index: 2;
327
+ }.slider-hotpost .embla__slide {
328
+ flex: 0 0 25%;
377
329
  }
378
- .order-card .new {
379
- color: white;
380
- background: #00ff88;
330
+ @media screen and (max-width: 1025px) {
331
+ .slider-hotpost .embla__slide {
332
+ flex: 0 0 75%;
381
333
  }
382
- .order-card .block {
383
- border-radius: 0;
384
- border: 0;
385
334
  }.fade-move,
386
335
  .fade-enter-active,
387
336
  .fade-leave-active {
@@ -406,57 +355,55 @@
406
355
  padding-left: 3rem;
407
356
  background: rgb(var(--white)) !important;
408
357
  border-radius: var(--small);
409
- }@media screen and (max-width: 1025px) {
410
- #mobileApp {
411
- text-align: center;
412
- }
413
- #mobileApp > section {
414
- flex-direction: column;
358
+ }.slide-fade-enter-active {
359
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
415
360
  }
416
- #mobileApp > section > div {
417
- order: 1;
361
+ .slide-fade-leave-active {
362
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
418
363
  }
419
- }.spiral[data-v-4a28df5c] {
420
- background-image: url("https://weeder.delivery/spiral.jpg");
421
- background-size: cover;
422
- width: 100rem;
423
- height: 100rem;
364
+ .slide-fade-enter-from,
365
+ .slide-fade-leave-to {
366
+ min-height: 0;
424
367
  position: absolute;
425
- top: 50%;
426
- left: 50%;
427
- opacity: 0.066;
428
- transform: translate(-50%, -50%) rotate(0deg);
429
- transform-origin: center center;
430
- animation: spin-4a28df5c 5s linear infinite;
368
+ transform: translateX(20px);
369
+ opacity: 0;
370
+ left: 0;
371
+ top: 0;
372
+ }.VueSelect {
373
+ background: #f7f7f7;
374
+ border-radius: 0.5rem;
375
+ border: 0;
376
+ height: 3rem;
377
+ padding-left: 1rem;
378
+ z-index: 4;
431
379
  }
432
- @keyframes spin-4a28df5c {
433
- 0% {
434
- transform: translate(-50%, -50%) rotate(0deg);
435
- }
436
- 100% {
437
- transform: translate(-50%, -50%) rotate(360deg);
438
- }
439
- }.grid[data-v-9b14ae83] {
440
- perspective: 450px;
441
- background-size: cover;
442
- }
443
- .grid-lines[data-v-9b14ae83] {
444
- width: 100%;
445
- height: 200%;
446
- 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);
447
- background-size: 45px 30px;
448
- background-repeat: repeat;
449
- transform-origin: 100% 0 0;
450
- animation: play-9b14ae83 15s linear infinite;
380
+ .VueSelect .vue-input input {
381
+ font-size: 1.125rem;
382
+ font-weight: 300;
383
+ background: #f7f7f7;
451
384
  }
452
- @keyframes play-9b14ae83 {
453
- 0% {
454
- transform: rotateX(45deg) translateY(-50%);
385
+ .subdepartmentsartment[data-v-15358182] {
386
+ border: 1px solid rgba(0, 0, 0, 0.1);
387
+ margin-top: 1rem;
455
388
  }
456
- 100% {
457
- transform: rotateX(45deg) translateY(0);
389
+
390
+ /* Add styles for the user card component here */
391
+
392
+ .documents[data-v-f93fcad7] {
393
+ display: flex;
394
+ flex-direction: column;
458
395
  }
396
+ .popup[data-v-f93fcad7] {
397
+ position: fixed;
398
+ top: 50%;
399
+ left: 50%;
400
+ transform: translate(-50%, -50%);
401
+ background-color: white;
402
+ border: 1px solid #ccc;
403
+ padding: 20px;
404
+ z-index: 10;
459
405
  }
406
+
460
407
  /* Стили остаются без изменений */
461
408
 
462
409
  .list-enter-active,
@@ -468,568 +415,392 @@
468
415
  opacity: 0;
469
416
  transform: translateX(30px);
470
417
  }
471
- .moveFromTop-enter-active,
472
- .moveFromTop-leave-active {
473
- transform: translateY(0);
474
- opacity: 1;
475
- transition: all 0.5s ease;
418
+ .blink[data-v-d2db1c69] {
419
+ animation: blink-animation-d2db1c69 1s ease infinite;
476
420
  }
477
- .moveFromTop-enter-from,
478
- .moveFromTop-leave-to {
479
- transform: translateY(-1rem);
480
- opacity: 0;
481
- transition: all 0.5s ease;
421
+ @keyframes blink-animation-d2db1c69 {
422
+ 0%, 100% {
423
+ opacity: 1;
482
424
  }
483
- .moveFromTopAbsolute-enter-active,
484
- .moveFromTopAbsolute-leave-active {
485
- transform: translateY(0);
486
- opacity: 1;
487
- transition: all 0.5s ease;
425
+ 50% {
426
+ opacity: 0.8;
488
427
  }
489
- .moveFromTopAbsolute-enter-from,
490
- .moveFromTopAbsolute-leave-to {
491
- position: absolute;
492
- transform: translateY(-1rem);
493
- opacity: 0;
494
- transition: all 0.5s ease;
428
+ }.round-wrapper {
429
+ position: relative;
495
430
  }
496
- .ScaleOut-enter-active,
497
- .ScaleOut-leave-active {
431
+ .round-wrapper .round {
432
+ margin: 0;
433
+ margin-right: 1rem;
434
+ }
435
+ .round-wrapper input:checked {
436
+ background: #00ff88;
437
+ }
438
+ .round-wrapper .round-checkmark {
439
+ position: absolute;
440
+ width: 0.5rem;
441
+ height: 0.5rem;
442
+ background: white;
443
+ left: 0.5rem;
444
+ top: 0.5rem;
498
445
  opacity: 1;
499
- transform: scale(1);
500
- transition: all 0.3s ease;
446
+ }.vue-select {
447
+ width: inherit;
448
+ margin-right: 1rem;
501
449
  }
502
- .ScaleOut-enter-from,
503
- .ScaleOut-leave-to {
504
- opacity: 0;
505
- transform: scale(0.9);
506
- transition: all 0.3s ease;
450
+ .vue-select-header {
451
+ height: 3rem;
452
+ }.shop-cart-item[data-v-e9803d20]:first-of-type {
453
+ padding-top: 0;
454
+ }.shop-cart {
455
+ display: block;
456
+ position: fixed;
457
+ right: -33%;
458
+ top: 0;
459
+ height: 100%;
460
+ width: 33%;
461
+ overflow-y: scroll;
507
462
  }
508
- .slide-fade-enter-active {
509
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
463
+ .shop-cart .shopcart-footer {
464
+ position: fixed;
465
+ bottom: 0;
466
+ width: 33%;
467
+ right: -33%;
510
468
  }
511
- .slide-fade-leave-active {
512
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
469
+ .shop-cart-active {
470
+ right: 0;
513
471
  }
514
- .slide-fade-enter-from,
515
- .slide-fade-leave-to {
516
- min-height: 0;
517
- transform: translateX(20px);
518
- opacity: 0;
519
- left: 0;
520
- top: 0;
472
+ .shop-cart-active .shopcart-footer {
473
+ right: 0;
521
474
  }
522
- .scaleTransition-5px-enter-active,
523
- .scaleTransition-5px-leave-active {
524
- transform: translateY(0px);
525
- opacity: 1;
526
- z-index: 1;
527
- transition: all 0.2s ease;
475
+ @media screen and (max-width: 1025px) {
476
+ .shop-cart {
477
+ width: 100%;
478
+ right: -100%;
528
479
  }
529
- .scaleTransition-5px-enter-from,
530
- .scaleTransition-5px-leave-to {
531
- opacity: 0;
532
- z-index: 0;
533
- position: absolute;
534
- transform: translateY(-30px);
535
- transition: all 0.2s ease;
480
+ .shop-cart .shopcart-footer {
481
+ width: 100%;
482
+ right: -100%;
536
483
  }
537
- .scaleTransition-enter-from,
538
- .scaleTransition-leave-to {
539
- opacity: 0;
540
- z-index: 0;
541
- position: absolute;
542
- width: inherit;
543
- height: inherit;
544
- display: block;
545
- transform: translateY(30px);
546
- transition: all 0.5s ease;
484
+ .shop-cart-active {
485
+ right: 0;
547
486
  }
548
- .scaleTransition-enter-active,
549
- .scaleTransition-leave-active {
550
- transform: translateY(0px);
551
- opacity: 1;
552
- z-index: 1;
553
- transition: all 0.5s ease;
487
+ .shop-cart-active .shopcart-footer {
488
+ right: 0;
554
489
  }
555
- .scaleTransition-enter-from,
556
- .scaleTransition-leave-to {
557
- opacity: 0;
558
- z-index: 0;
559
- position: absolute;
560
- width: inherit;
561
- height: inherit;
562
- display: block;
563
- transform: translateY(30px);
564
- transition: all 0.5s ease;
565
490
  }
566
- .scaleIn-enter-active,
567
- .scaleIn-leave-active {
568
- transition: all 0.5s ease;
491
+ .subspotsartment[data-v-83b42a48] {
492
+ border: 1px solid rgba(0, 0, 0, 0.1);
493
+ margin-top: 1rem;
569
494
  }
570
- .scaleIn-enter-active > section, .scaleIn-enter-active div,
571
- .scaleIn-leave-active > section,
572
- .scaleIn-leave-active div {
573
- transform-origin: 0 0;
574
- transform: translateZ(0px);
575
- transition: all 0.5s ease;
495
+ #map[data-v-fd0cdc10]:focus {
496
+ outline: none;
576
497
  }
577
- .scaleIn-enter-from,
578
- .scaleIn-leave-to {
579
- opacity: 0;
580
- transform: scale(0.95);
498
+ .subspotsartment[data-v-bc545dfb] {
499
+ border: 1px solid rgba(0, 0, 0, 0.1);
500
+ margin-top: 1rem;
581
501
  }
582
- .scaleIn-enter-from > section, .scaleIn-enter-from div,
583
- .scaleIn-leave-to > section,
584
- .scaleIn-leave-to div {
585
- transform: translateZ(-30px);
586
- transition: all 0.5s ease;
587
- }#sidebar ul li {
502
+
503
+ .form-group[data-v-3c991e96] {
588
504
  margin-bottom: 1rem;
589
- }.location-button:hover {
590
- box-shadow: inset 0 0 0 2px rgb(var(--main));
591
505
  }
592
- .menu-btn {
506
+ label[data-v-3c991e96] {
593
507
  display: block;
594
- width: 2rem;
595
- height: 2rem;
596
- border-radius: 50%;
597
- position: relative;
508
+ margin-bottom: 0.5rem;
598
509
  }
599
- .menu-btn span,
600
- .menu-btn__before,
601
- .menu-btn__after {
602
- position: absolute;
603
- top: 50%;
604
- margin-top: -1px;
605
- left: 50%;
606
- margin-left: -10px;
607
- width: 20px;
608
- height: 2px;
510
+ input[data-v-3c991e96] {
511
+ width: 100%;
512
+ padding: 0.5rem;
513
+ border: 1px solid #ccc;
514
+ border-radius: 5px;
609
515
  }
610
- .menu-btn__before,
611
- .menu-btn__after {
612
- display: block;
613
- transition: 0.2s;
516
+
517
+ .magnifier[data-v-48231055] {
518
+ max-width: 32rem;
614
519
  }
615
- .menu-btn__before {
616
- transform: translateY(-5px);
520
+ .product-images[data-v-48231055] {
521
+ display: flex;
522
+ flex-direction: column;
617
523
  }
618
- .menu-btn__after {
619
- transform: translateY(5px);
524
+ .thumbnail[data-v-48231055] {
525
+ width: 100%;
526
+ max-width: 8rem;
527
+ height: 8rem;
528
+ object-fit: cover;
529
+ cursor: pointer;
620
530
  }
621
- .menu-btn_active .menu-btn__before {
622
- transform: rotate(-35deg);
623
- width: 10px;
624
- transform-origin: left bottom;
625
- }
626
- .menu-btn_active .menu-btn__after {
627
- transform: rotate(35deg);
628
- width: 10px;
629
- transform-origin: left top;
630
- }
631
- .menu-btn_active span:before {
632
- transform: rotate(-35deg);
633
- width: 10px;
634
- transform-origin: left bottom;
635
- }
636
- .menu-btn_active span:after {
637
- transform: rotate(35deg);
638
- width: 10px;
639
- transform-origin: left top;
640
- }
641
- .menu-block {
531
+ .popup[data-v-48231055] {
532
+ position: fixed;
533
+ top: 0;
534
+ left: 0;
535
+ width: 100vw;
536
+ height: 100vh;
537
+ background-color: rgba(0, 0, 0, 0.8);
642
538
  display: flex;
643
539
  justify-content: center;
644
540
  align-items: center;
541
+ cursor: zoom-out;
645
542
  }
646
- .menu-nav {
647
- background-color: #fff;
648
- height: 50px;
649
- }
650
- .menu-nav__link {
651
- display: inline-block;
652
- text-decoration: none;
653
- color: #fff;
654
- margin-right: 20px;
655
- }
656
- .menu-nav__link {
657
- transition: 0.5s;
658
- transform-origin: right center;
659
- transform: translateX(50%);
660
- opacity: 0;
661
- }
662
- .menu-nav__link_active {
663
- transform: translateX(0%);
664
- opacity: 1;
665
- }.header-shopcart {
666
- position: absolute;
667
- right: 4.25rem;
543
+ .popup-image[data-v-48231055] {
544
+ max-width: 90%;
545
+ max-height: 90%;
668
546
  }
669
- .header-title {
670
- pointer-events: none;
547
+ .vue-select {
548
+ background: #f7f7f7;
549
+ border-radius: 0.5rem;
550
+ border: 0;
551
+ height: 3rem;
552
+ padding-left: 1rem;
553
+ z-index: 4;
671
554
  }
672
- .slideIn-enter-active,
673
- .slideIn-leave-active {
674
- transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
555
+ .vue-select .vue-input input {
556
+ font-size: 1.125rem;
557
+ font-weight: 300;
558
+ background: #f7f7f7;
559
+ }.shop-cart-item[data-v-bebbf16b]:first-of-type {
560
+ padding-top: 0;
675
561
  }
676
- .slideIn-enter-from,
677
- .slideIn-leave-to {
678
- opacity: 0;
679
- transform: translateX(10px);
562
+ .spoiler-active[data-v-bebbf16b] {
563
+ transform: rotate(180deg);
680
564
  }
681
- .slideIn-enter-from span,
682
- .slideIn-leave-to span {
683
- position: absolute;
565
+ .expand-enter-active[data-v-e552bc5f],
566
+ .expand-leave-active[data-v-e552bc5f] {
567
+ transition: max-height 0.5s ease-in-out;
568
+ overflow: hidden;
684
569
  }
685
- .slideY-enter-active,
686
- .slideY-leave-active {
687
- transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
570
+ .scale-enter-active[data-v-e552bc5f],
571
+ .scale-leave-active[data-v-e552bc5f] {
572
+ transition: transform 0.5s ease-in-out;
688
573
  }
689
- .slideY-enter-from,
690
- .slideY-leave-to {
574
+ .scale5-enter-from[data-v-e552bc5f],
575
+ .scale5-leave-to[data-v-e552bc5f] {
576
+ transform: scale(1.2);
691
577
  opacity: 0;
692
- transform: translateY(50px);
693
- }
694
- .slideY-enter-from span,
695
- .slideY-leave-to span {
696
- position: absolute;
697
- }.blink[data-v-d2db1c69] {
698
- animation: blink-animation-d2db1c69 1s ease infinite;
699
- }
700
- @keyframes blink-animation-d2db1c69 {
701
- 0%, 100% {
702
- opacity: 1;
703
- }
704
- 50% {
705
- opacity: 0.8;
706
578
  }
707
- }.round-wrapper {
708
- position: relative;
709
- }
710
- .round-wrapper .round {
711
- margin: 0;
712
- margin-right: 1rem;
713
- }
714
- .round-wrapper input:checked {
715
- background: #00ff88;
716
- }
717
- .round-wrapper .round-checkmark {
718
- position: absolute;
719
- width: 0.5rem;
720
- height: 0.5rem;
721
- background: white;
722
- left: 0.5rem;
723
- top: 0.5rem;
579
+ .scale5-enter-to[data-v-e552bc5f],
580
+ .scale5-leave-from[data-v-e552bc5f] {
581
+ transform: scale(1);
724
582
  opacity: 1;
725
- }.vue-select {
726
- width: inherit;
727
- margin-right: 1rem;
728
583
  }
729
- .vue-select-header {
730
- height: 3rem;
731
- }.shop-cart-item[data-v-e9803d20]:first-of-type {
732
- padding-top: 0;
733
- }.shop-cart {
734
- display: block;
735
- position: fixed;
736
- right: -33%;
737
- top: 0;
738
- height: 100%;
739
- width: 33%;
740
- overflow-y: scroll;
741
- }
742
- .shop-cart .shopcart-footer {
743
- position: fixed;
744
- bottom: 0;
745
- width: 33%;
746
- right: -33%;
747
- }
748
- .shop-cart-active {
749
- right: 0;
750
- }
751
- .shop-cart-active .shopcart-footer {
752
- right: 0;
753
- }
754
- @media screen and (max-width: 1025px) {
755
- .shop-cart {
756
- width: 100%;
757
- right: -100%;
758
- }
759
- .shop-cart .shopcart-footer {
760
- width: 100%;
761
- right: -100%;
762
- }
763
- .shop-cart-active {
764
- right: 0;
765
- }
766
- .shop-cart-active .shopcart-footer {
767
- right: 0;
768
- }
769
- }
770
- .subspotsartment[data-v-83b42a48] {
771
- border: 1px solid rgba(0, 0, 0, 0.1);
772
- margin-top: 1rem;
584
+ .product-360-viewer[data-v-e552bc5f] {
585
+ user-select: none;
586
+ min-height: 16rem;
773
587
  }
588
+ .product-360-viewer img[data-v-e552bc5f] {
589
+ max-width: 100%;
590
+ cursor: grab;
774
591
 
775
- .subspotsartment[data-v-bc545dfb] {
776
- border: 1px solid rgba(0, 0, 0, 0.1);
777
- margin-top: 1rem;
778
- }
779
- #map[data-v-fd0cdc10]:focus {
780
- outline: none;
781
- }
782
- .form-group[data-v-3c991e96] {
783
- margin-bottom: 1rem;
784
- }
785
- label[data-v-3c991e96] {
786
- display: block;
787
- margin-bottom: 0.5rem;
592
+ object-fit: cover;
593
+ transition: all 0.3s ease;
788
594
  }
789
- input[data-v-3c991e96] {
790
- width: 100%;
791
- padding: 0.5rem;
792
- border: 1px solid #ccc;
793
- border-radius: 5px;
595
+ .product-360-viewer img[data-v-e552bc5f]:active {
596
+ cursor: grabbing;
794
597
  }
795
598
 
796
- .feed-move, /* apply transition to moving elements */
797
- .feed-enter-active,
798
- .feed-leave-active {
799
- transition: all 0.5s ease;
800
- }
801
- .feed-enter-from,
802
- .feed-leave-to {
803
- opacity: 0;
804
- transform: translateY(30px);
805
- }
599
+ /*.product-360-viewer img:hover {
600
+ transform: scale(1.1);
601
+ }*/
806
602
 
807
- /* ensure leaving items are taken out of layout flow so that moving
808
- animations can be calculated correctly. */
809
- .feed-leave-active {
603
+ .spiral {
604
+
605
+ background-size: cover;
606
+ width: 100rem;
607
+ height: 100rem;
810
608
  position: absolute;
609
+ top: 50%;
610
+ left: 50%;
611
+ opacity: 0.066;
612
+ transform: translate(-50%, -50%) rotate(0deg);
613
+ transform-origin: center center;
614
+ animation: spin 5s linear infinite;
811
615
  }
812
- .breadcrumbs {
813
- height: 4rem;
814
- display: flex;
815
- align-items: center;
816
- flex-wrap: nowrap;
616
+ @keyframes spin {
617
+ 0% {
618
+ transform: translate(-50%, -50%) rotate(0deg);
817
619
  }
818
- .breadcrumbs .home {
819
- height: 1rem;
620
+ 100% {
621
+ transform: translate(-50%, -50%) rotate(360deg);
820
622
  }
821
- .breadcrumbs .chevron {
822
- height: 0.75rem;
823
623
  }
824
- .breadcrumbs a {
825
- display: flex;
826
- align-items: center;
827
- flex-wrap: nowrap;
624
+ .grid-container {
625
+ display: grid;
626
+ grid-template-columns: repeat(4, 1fr);
627
+ grid-template-rows: repeat(2, 1fr);
828
628
  }
829
- .breadcrumbs a span {
830
- margin-left: 0.5rem;
831
- margin-right: 0.5rem;
629
+ .grid-item:first-of-type {
630
+ grid-column: span 2;
631
+ grid-row: span 2;
832
632
  }
833
- .breadcrumbs .router-link-exact-active:last-of-type span {
834
- color: #00ff88;
835
- }.editable-div {
836
- width: 100%;
837
- min-height: 1rem;
838
- background-color: transparent;
839
- outline: none;
840
- white-space: pre-wrap;
841
- word-wrap: break-word;
633
+ @media screen and (max-width: 1025px) {
634
+ .grid-container {
635
+ grid-template-columns: repeat(2, 1fr);
842
636
  }
843
- .editable-div:empty::before {
844
- content: attr(placeholder);
845
- color: #999;
846
637
  }
847
- .editable-div:focus {
848
- border: 0;
638
+ /* Ваши стили */
639
+ .embla {
640
+ overflow: hidden;
849
641
  }
850
- .formatting-bar {
642
+ .embla__container {
851
643
  display: flex;
852
- gap: 5px;
853
- margin-top: 5px;
854
644
  }
855
- .formatting-bar button {
856
- padding: 2px 5px;
857
- background-color: #f0f0f0;
858
- border: 1px solid #ccc;
859
- border-radius: 3px;
860
- cursor: pointer;
645
+ .embla__slide {
646
+ flex: 0 0 25%;
647
+ min-width: 0;
861
648
  }
862
- .formatting-bar button:hover {
863
- background-color: #e0e0e0;
864
- }.no-scroll {
865
- overflow: hidden;
649
+ @media screen and (max-width: 1025px) {
650
+ .embla__slide {
651
+ flex: 0 0 75%;
652
+ min-width: 0;
866
653
  }
867
- .popup-wrapper {
654
+ }.price-tag {
655
+ background: #058;
656
+ color: #fff;
657
+ cursor: pointer;
658
+ display: inline-block;
659
+ position: relative;
660
+ text-align: center;
868
661
  display: flex;
869
- position: fixed;
870
662
  align-items: center;
663
+ width: fit-content;
664
+ color: black;
665
+ }.thc {
666
+ position: absolute;
667
+ right: 1rem;
668
+ top: 1rem;
669
+ display: flex;
670
+ flex-direction: column;
871
671
  justify-content: center;
872
- width: 100%;
873
- height: 100%;
874
- left: 0;
875
- top: 0;
876
- z-index: 40;
672
+ align-items: center;
673
+ flex-wrap: wrap;
674
+ width: 6rem;
675
+ height: 6rem;
676
+ transition: all linear 0.1s;
877
677
  }
878
- .popup-wrapper .popup {
879
- position: absolute;
880
- height: auto;
881
- padding: 2rem;
882
- min-width: 24rem;
883
- border-radius: 2rem;
884
- overflow: hidden;
885
- color: white;
886
- background: black;
887
- z-index: 40;
678
+ .thc p:first-of-type {
679
+ font-size: 1.25rem;
680
+ letter-spacing: -2px;
681
+ z-index: 7;
888
682
  }
889
- .color-overlay {
890
- display: block;
891
- position: fixed;
683
+ .thc p:last-of-type {
684
+ z-index: 7;
685
+ }
686
+ .thc svg {
687
+ z-index: 6;
688
+ position: absolute;
689
+ width: 6rem;
690
+ height: 6rem;
892
691
  left: 0;
893
692
  top: 0;
894
- width: 100%;
895
- height: 100%;
896
- background: rgba(0, 0, 0, 0);
897
- pointer-events: none;
898
- transform: scale(1.5);
899
- transition: all 0.5s cubic-bezier(0.31, 0.79, 0.24, 0.92);
900
- }
901
- .color-overlay.active {
902
- background: rgba(0, 0, 0, 0.25);
903
- pointer-events: all;
904
- }@charset "UTF-8";
905
- .ti-icon-check:before {
906
- content: "\\e902";
907
- font-size: 0.5rem;
908
- }
909
- .ti-icon-close:before {
910
- content: "✕";
911
- font-size: 0.5rem;
912
- }
913
- .ti-icon-undo:before {
914
- content: "↺";
915
- font-size: 0.5rem;
916
- }
917
- ul {
918
- margin: 0px;
919
- padding: 0px;
920
- list-style-type: none;
921
693
  }
922
- *, *:before, *:after {
923
- box-sizing: border-box;
924
- }
925
- input:focus {
926
- outline: none;
927
- }
928
- input[disabled] {
929
- background-color: transparent;
694
+ @media screen and (max-width: 1025px) {
695
+ .thc {
696
+ transform: scale(0.75) !important;
697
+ transform-origin: top right !important;
930
698
  }
931
- div.vue-tags-input.disabled {
932
- opacity: 0.5;
699
+ }.h1-product {
700
+ font-size: 3rem;
933
701
  }
934
- div.vue-tags-input.disabled * {
935
- cursor: default;
702
+ .produc-data {
703
+ padding-top: 2rem;
704
+ padding-bottom: 0;
936
705
  }
937
- .ti-input {
938
- display: flex;
706
+ /* Add your styles here */
707
+ .main-photo {
708
+ max-width: 50%;
939
709
  }
940
- .ti-tags {
941
- display: flex;
942
- flex-wrap: wrap;
710
+ .main-photo img {
943
711
  width: 100%;
944
- line-height: 1em;
945
- }
946
- .ti-tag {
947
- background-color: rgb(var(--main));
948
- color: rgb(var(--black));
949
- border-radius: 4rem;
950
- display: flex;
951
- padding: 1px 8px 2px;
952
- margin: 2px;
953
- font-size: 0.85em;
954
- min-height: 2rem;
955
- }
956
- .ti-tag:focus {
957
- outline: none;
958
- }
959
- .ti-tag .ti-content {
712
+ }.round-stat {
713
+ padding: 1rem;
714
+ border-radius: 5rem;
715
+ width: 3rem;
716
+ height: 3rem;
960
717
  display: flex;
718
+ justify-content: center;
961
719
  align-items: center;
720
+ border: 1px solid rgba(0, 0, 0, 0.1);
962
721
  }
963
- .ti-tag .ti-tag-center {
964
- position: relative;
722
+ .round-stat-tab {
723
+ width: 2rem;
724
+ height: 2rem;
965
725
  }
966
- .ti-tag span {
967
- line-height: 0.85em;
726
+ .order-card {
727
+ border-radius: 0.25rem;
728
+ overflow: hidden;
729
+ box-shadow: 0 8px 8px -8px rgba(36, 36, 36, 0.1);
968
730
  }
969
- .ti-tag span.ti-hidden {
970
- padding-left: 14px;
971
- visibility: hidden;
972
- height: 0px;
973
- white-space: pre;
731
+ .order-card .order-status {
732
+ color: black;
733
+ background: #EEF2F6;
734
+ width: 100%;
735
+ padding: 0.75rem 1.5rem;
736
+ margin: 0;
974
737
  }
975
- .ti-tag .ti-actions {
976
- margin-left: 2px;
977
- display: flex;
978
- align-items: center;
979
- font-size: 1.15em;
738
+ .order-card .new {
739
+ color: white;
740
+ background: #00ff88;
980
741
  }
981
- .ti-tag .ti-actions i {
982
- cursor: pointer;
742
+ .order-card .block {
743
+ border-radius: 0;
744
+ border: 0;
745
+ }@media screen and (max-width: 1025px) {
746
+ #mobileApp {
747
+ text-align: center;
983
748
  }
984
- .ti-tag:last-child {
985
- margin-right: 4px;
749
+ #mobileApp > section {
750
+ flex-direction: column;
986
751
  }
987
- .ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
988
- background-color: #e54d42;
752
+ #mobileApp > section > div {
753
+ order: 1;
989
754
  }
990
- .ti-new-tag-input-wrapper {
991
- display: flex;
992
- flex: 1 0 auto;
993
- padding: 3px 5px;
994
- margin: 2px;
995
- font-size: 0.85em;
755
+ }.spiral[data-v-4a28df5c] {
756
+ background-image: url("https://weeder.delivery/spiral.jpg");
757
+ background-size: cover;
758
+ width: 100rem;
759
+ height: 100rem;
760
+ position: absolute;
761
+ top: 50%;
762
+ left: 50%;
763
+ opacity: 0.066;
764
+ transform: translate(-50%, -50%) rotate(0deg);
765
+ transform-origin: center center;
766
+ animation: spin-4a28df5c 5s linear infinite;
996
767
  }
997
- .ti-new-tag-input-wrapper input {
998
- flex: 1 0 auto;
999
- min-width: 100px;
1000
- border: none;
1001
- padding: 0px;
1002
- margin: 0px;
768
+ @keyframes spin-4a28df5c {
769
+ 0% {
770
+ transform: translate(-50%, -50%) rotate(0deg);
1003
771
  }
1004
- .ti-new-tag-input {
1005
- line-height: initial;
772
+ 100% {
773
+ transform: translate(-50%, -50%) rotate(360deg);
1006
774
  }
1007
- .ti-autocomplete {
1008
- border-top: none;
1009
- position: absolute;
1010
- width: 100%;
1011
- left: 0;
1012
- top: 110%;
1013
- z-index: 20;
775
+ }.grid[data-v-9b14ae83] {
776
+ perspective: 450px;
777
+ background-size: cover;
1014
778
  }
1015
- .ti-item > div {
1016
- cursor: pointer;
1017
- padding: 3px 6px;
779
+ .grid-lines[data-v-9b14ae83] {
1018
780
  width: 100%;
781
+ height: 200%;
782
+ 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);
783
+ background-size: 45px 30px;
784
+ background-repeat: repeat;
785
+ transform-origin: 100% 0 0;
786
+ animation: play-9b14ae83 15s linear infinite;
1019
787
  }
1020
- .ti-selected-item {
1021
- background-color: rgb(var(--main));
1022
- color: #fff;
788
+ @keyframes play-9b14ae83 {
789
+ 0% {
790
+ transform: rotateX(45deg) translateY(-50%);
1023
791
  }
1024
- .ti-tag-toDefactor {
1025
- background-color: rgb(var(--main));
1026
- color: rgb(var(--black));
1027
- border-radius: 4rem;
1028
- padding: 1px 8px 2px;
1029
- margin: 2px;
1030
- font-size: .85em;
792
+ 100% {
793
+ transform: rotateX(45deg) translateY(0);
1031
794
  }
1032
- input[data-v-dd79a28b], textarea[data-v-dd79a28b], span[data-v-dd79a28b] {
795
+ }.tab-selector {
796
+ position: absolute;
797
+ width: 50%;
798
+ height: 100%;
799
+ left: 0;
800
+ top: 0;
801
+ z-index: 0;
802
+ transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
803
+ }input[data-v-dd79a28b], textarea[data-v-dd79a28b], span[data-v-dd79a28b] {
1033
804
  line-height: 1;
1034
805
  color: inherit;
1035
806
  }button[disabled] {
@@ -1091,11 +862,221 @@ button[disabled]:hover {
1091
862
  text-align: center;
1092
863
  line-height: 16px;
1093
864
  font-size: 10px;
1094
- }li[data-v-bf25c24d] {
1095
- list-style-type: none;
865
+ }.vue3-reactive-tel-input {
866
+ display: flex;
867
+ }
868
+ .vue3-reactive-tel-input.disabled .dropdown, .vue3-reactive-tel-input.disabled .selection, .vue3-reactive-tel-input.disabled input {
869
+ cursor: no-drop;
870
+ }
871
+ .vti__dropdown {
872
+ display: flex;
873
+ flex-direction: column;
874
+ align-content: center;
875
+ justify-content: center;
876
+ position: relative;
877
+ padding: 0.5rem;
878
+ cursor: pointer;
879
+ }
880
+ .vti__dropdown.show {
881
+ max-height: 300px;
882
+ overflow: scroll;
883
+ }
884
+ .vti__dropdown-list {
885
+ z-index: 1;
886
+ padding: 0;
887
+ margin: 0;
888
+ text-align: left;
889
+ list-style: none;
890
+ max-height: 200px;
891
+ overflow-y: scroll;
892
+ position: absolute;
893
+ left: -1px;
894
+ background-color: #fff;
895
+ width: fit-content;
896
+ }
897
+ .vti__dropdown-list.below {
898
+ top: 33px;
899
+ }
900
+ .vti__dropdown-list.above {
901
+ top: auto;
902
+ bottom: 100%;
903
+ }
904
+ .vti__dropdown-arrow {
905
+ transform: scaleY(0.5);
906
+ display: inline-block;
907
+ color: #666;
908
+ }
909
+ .vti__dropdown-item {
910
+ cursor: pointer;
911
+ padding: 4px 15px;
912
+ }
913
+ .vti__dropdown-item.last-preferred {
914
+ border-bottom: 1px solid #cacaca;
915
+ }
916
+ .vti__dropdown-item .vti__flag {
917
+ display: inline-block;
918
+ margin-right: 5px;
919
+ }
920
+ .vti__input {
921
+ color: inherit;
922
+ border: none;
923
+ border-radius: 0 2px 2px 0;
924
+ width: 100%;
925
+ outline: 0;
926
+ padding-left: 7px;
927
+ }.vue3-marquee {
928
+ display: flex !important;
929
+ position: relative;
930
+ }
931
+ .vue3-marquee .marquee {
932
+ flex: 0 0 auto;
933
+ min-width: var(--min-width);
934
+ min-height: var(--min-height);
935
+ z-index: 1;
936
+ animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
937
+ animation-play-state: var(--pauseAnimation);
938
+ animation-direction: var(--direction);
939
+ }
940
+ .vue3-marquee .overlay {
941
+ position: absolute;
942
+ width: 100%;
943
+ height: 100%;
944
+ }
945
+ .vue3-marquee .overlay:before {
946
+ left: 0;
947
+ top: 0;
948
+ }
949
+ .vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
950
+ content: "";
951
+ position: absolute;
952
+ z-index: 2;
953
+ }
954
+ .vue3-marquee .transparent-overlay {
955
+ position: absolute;
956
+ width: 100.5%;
957
+ height: 100.5%;
958
+ }
959
+ .vue3-marquee.horizontal {
960
+ overflow-x: hidden !important;
961
+ flex-direction: row !important;
962
+ width: 100%;
963
+ height: max-content;
964
+ }
965
+ .vue3-marquee.horizontal .marquee {
966
+ display: flex;
967
+ flex-direction: row;
968
+ align-items: center;
969
+ }
970
+ .vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
971
+ background: linear-gradient(to right, var(--gradient-color));
972
+ height: 100%;
973
+ width: var(--gradient-length);
974
+ }
975
+ .vue3-marquee.horizontal .overlay::after {
976
+ transform: rotateZ(180deg);
977
+ right: 0;
978
+ top: 0;
979
+ }
980
+ .vue3-marquee.vertical {
981
+ overflow-y: hidden !important;
982
+ flex-direction: column !important;
983
+ height: 100%;
984
+ width: max-content;
985
+ }
986
+ .vue3-marquee.vertical .marquee {
987
+ display: flex;
988
+ flex-direction: column;
989
+ align-items: center;
990
+ }
991
+ .vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
992
+ background: linear-gradient(to bottom, var(--gradient-color));
993
+ height: var(--gradient-length);
994
+ width: 100%;
995
+ }
996
+ .vue3-marquee.vertical .overlay::after {
997
+ transform: rotateZ(-180deg);
998
+ left: 0;
999
+ bottom: 0;
1000
+ }
1001
+ .vue3-marquee:hover div {
1002
+ animation-play-state: var(--pauseOnHover);
1003
+ }
1004
+ .vue3-marquee:active div {
1005
+ animation-play-state: var(--pauseOnClick);
1006
+ }
1007
+ @keyframes scrollX {
1008
+ 0% {
1009
+ transform: translateX(0%);
1010
+ }
1011
+ 100% {
1012
+ transform: translateX(-100%);
1013
+ }
1014
+ }
1015
+ @keyframes scrollY {
1016
+ 0% {
1017
+ transform: translateY(0%);
1018
+ }
1019
+ 100% {
1020
+ transform: translateY(-100%);
1021
+ }
1022
+ }
1023
+ .dropdown-content {
1024
+ display: block;
1025
+ position: absolute;
1026
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
1027
+ z-index: 1;
1028
+ }
1029
+
1030
+ /*.dropdown:hover .dropdown-content {
1031
+ display: block;
1032
+ }*/
1033
+ .mobile-menu-section > div:last-of-type {
1034
+ border-bottom: none !important;
1035
+ }.no-scroll {
1036
+ overflow: hidden;
1037
+ }
1038
+ .popup-wrapper {
1039
+ display: flex;
1040
+ position: fixed;
1041
+ align-items: center;
1042
+ justify-content: center;
1043
+ width: 100%;
1044
+ height: 100%;
1045
+ left: 0;
1046
+ top: 0;
1047
+ z-index: 40;
1048
+ }
1049
+ .popup-wrapper .popup {
1050
+ position: absolute;
1051
+ height: auto;
1052
+ padding: 2rem;
1053
+ min-width: 24rem;
1054
+ border-radius: 2rem;
1055
+ overflow: hidden;
1056
+ color: white;
1057
+ background: black;
1058
+ z-index: 40;
1059
+ }
1060
+ .color-overlay {
1061
+ display: block;
1062
+ position: fixed;
1063
+ left: 0;
1064
+ top: 0;
1065
+ width: 100%;
1066
+ height: 100%;
1067
+ background: rgba(0, 0, 0, 0);
1068
+ pointer-events: none;
1069
+ transform: scale(1.5);
1070
+ transition: all 0.5s cubic-bezier(0.31, 0.79, 0.24, 0.92);
1096
1071
  }
1097
- ul li[data-v-bf25c24d] {
1098
- line-height: 2;
1072
+ .color-overlay.active {
1073
+ background: rgba(0, 0, 0, 0.25);
1074
+ pointer-events: all;
1075
+ }.error-wrapper {
1076
+ position: fixed;
1077
+ left: 0;
1078
+ right: 0;
1079
+ opacity: 0.9;
1099
1080
  }
1100
1081
  .circular-loader {
1101
1082
  position: relative;
@@ -1155,218 +1136,265 @@ ul li[data-v-bf25c24d] {
1155
1136
  stroke-dashoffset: -124;
1156
1137
  }
1157
1138
  }
1158
-
1159
- .t-trimmed {
1160
- font-size: 0;
1139
+ .router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
1140
+ color: rgb(var(--main)) !important;
1141
+ }
1142
+ a[data-v-380d7b3b]:hover {
1143
+ cursor: pointer;
1144
+ color: rgb(var(--main));
1145
+ }li[data-v-bf25c24d] {
1146
+ list-style-type: none;
1147
+ }
1148
+ ul li[data-v-bf25c24d] {
1149
+ line-height: 2;
1150
+ }
1151
+ .feed-move, /* apply transition to moving elements */
1152
+ .feed-enter-active,
1153
+ .feed-leave-active {
1154
+ transition: all 0.5s ease;
1155
+ }
1156
+ .feed-enter-from,
1157
+ .feed-leave-to {
1158
+ opacity: 0;
1159
+ transform: translateY(30px);
1161
1160
  }
1162
- .tab-selector {
1161
+
1162
+ /* ensure leaving items are taken out of layout flow so that moving
1163
+ animations can be calculated correctly. */
1164
+ .feed-leave-active {
1163
1165
  position: absolute;
1164
- width: 50%;
1165
- height: 100%;
1166
- left: 0;
1167
- top: 0;
1168
- z-index: 0;
1169
- transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1170
- }.vue3-reactive-tel-input {
1171
- display: flex;
1172
1166
  }
1173
- .vue3-reactive-tel-input.disabled .dropdown, .vue3-reactive-tel-input.disabled .selection, .vue3-reactive-tel-input.disabled input {
1174
- cursor: no-drop;
1167
+ .editable-div {
1168
+ width: 100%;
1169
+ min-height: 1rem;
1170
+ background-color: transparent;
1171
+ outline: none;
1172
+ white-space: pre-wrap;
1173
+ word-wrap: break-word;
1175
1174
  }
1176
- .vti__dropdown {
1175
+ .editable-div:empty::before {
1176
+ content: attr(placeholder);
1177
+ color: #999;
1178
+ }
1179
+ .editable-div:focus {
1180
+ border: 0;
1181
+ }
1182
+ .formatting-bar {
1177
1183
  display: flex;
1178
- flex-direction: column;
1179
- align-content: center;
1180
- justify-content: center;
1181
- position: relative;
1182
- padding: 0.5rem;
1184
+ gap: 5px;
1185
+ margin-top: 5px;
1186
+ }
1187
+ .formatting-bar button {
1188
+ padding: 2px 5px;
1189
+ background-color: #f0f0f0;
1190
+ border: 1px solid #ccc;
1191
+ border-radius: 3px;
1183
1192
  cursor: pointer;
1184
1193
  }
1185
- .vti__dropdown.show {
1186
- max-height: 300px;
1187
- overflow: scroll;
1194
+ .formatting-bar button:hover {
1195
+ background-color: #e0e0e0;
1196
+ }@charset "UTF-8";
1197
+ .ti-icon-check:before {
1198
+ content: "\\e902";
1199
+ font-size: 0.5rem;
1188
1200
  }
1189
- .vti__dropdown-list {
1190
- z-index: 1;
1191
- padding: 0;
1192
- margin: 0;
1193
- text-align: left;
1194
- list-style: none;
1195
- max-height: 200px;
1196
- overflow-y: scroll;
1197
- position: absolute;
1198
- left: -1px;
1199
- background-color: #fff;
1200
- width: fit-content;
1201
+ .ti-icon-close:before {
1202
+ content: "✕";
1203
+ font-size: 0.5rem;
1201
1204
  }
1202
- .vti__dropdown-list.below {
1203
- top: 33px;
1205
+ .ti-icon-undo:before {
1206
+ content: "↺";
1207
+ font-size: 0.5rem;
1204
1208
  }
1205
- .vti__dropdown-list.above {
1206
- top: auto;
1207
- bottom: 100%;
1209
+ ul {
1210
+ margin: 0px;
1211
+ padding: 0px;
1212
+ list-style-type: none;
1208
1213
  }
1209
- .vti__dropdown-arrow {
1210
- transform: scaleY(0.5);
1211
- display: inline-block;
1212
- color: #666;
1214
+ *, *:before, *:after {
1215
+ box-sizing: border-box;
1213
1216
  }
1214
- .vti__dropdown-item {
1215
- cursor: pointer;
1216
- padding: 4px 15px;
1217
+ input:focus {
1218
+ outline: none;
1217
1219
  }
1218
- .vti__dropdown-item.last-preferred {
1219
- border-bottom: 1px solid #cacaca;
1220
+ input[disabled] {
1221
+ background-color: transparent;
1220
1222
  }
1221
- .vti__dropdown-item .vti__flag {
1222
- display: inline-block;
1223
- margin-right: 5px;
1223
+ div.vue-tags-input.disabled {
1224
+ opacity: 0.5;
1224
1225
  }
1225
- .vti__input {
1226
- color: inherit;
1227
- border: none;
1228
- border-radius: 0 2px 2px 0;
1226
+ div.vue-tags-input.disabled * {
1227
+ cursor: default;
1228
+ }
1229
+ .ti-input {
1230
+ display: flex;
1231
+ }
1232
+ .ti-tags {
1233
+ display: flex;
1234
+ flex-wrap: wrap;
1229
1235
  width: 100%;
1230
- outline: 0;
1231
- padding-left: 7px;
1236
+ line-height: 1em;
1232
1237
  }
1233
- .dropdown-content {
1234
- display: block;
1235
- position: absolute;
1236
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
1237
- z-index: 1;
1238
+ .ti-tag {
1239
+ background-color: rgb(var(--main));
1240
+ color: rgb(var(--black));
1241
+ border-radius: 4rem;
1242
+ display: flex;
1243
+ padding: 1px 8px 2px;
1244
+ margin: 2px;
1245
+ font-size: 0.85em;
1246
+ min-height: 2rem;
1238
1247
  }
1239
-
1240
- /*.dropdown:hover .dropdown-content {
1241
- display: block;
1242
- }*/
1243
- .mobile-menu-section > div:last-of-type {
1244
- border-bottom: none !important;
1245
- }.vue3-marquee {
1246
- display: flex !important;
1248
+ .ti-tag:focus {
1249
+ outline: none;
1250
+ }
1251
+ .ti-tag .ti-content {
1252
+ display: flex;
1253
+ align-items: center;
1254
+ }
1255
+ .ti-tag .ti-tag-center {
1247
1256
  position: relative;
1248
1257
  }
1249
- .vue3-marquee .marquee {
1250
- flex: 0 0 auto;
1251
- min-width: var(--min-width);
1252
- min-height: var(--min-height);
1253
- z-index: 1;
1254
- animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
1255
- animation-play-state: var(--pauseAnimation);
1256
- animation-direction: var(--direction);
1258
+ .ti-tag span {
1259
+ line-height: 0.85em;
1257
1260
  }
1258
- .vue3-marquee .overlay {
1259
- position: absolute;
1260
- width: 100%;
1261
- height: 100%;
1261
+ .ti-tag span.ti-hidden {
1262
+ padding-left: 14px;
1263
+ visibility: hidden;
1264
+ height: 0px;
1265
+ white-space: pre;
1262
1266
  }
1263
- .vue3-marquee .overlay:before {
1264
- left: 0;
1265
- top: 0;
1267
+ .ti-tag .ti-actions {
1268
+ margin-left: 2px;
1269
+ display: flex;
1270
+ align-items: center;
1271
+ font-size: 1.15em;
1266
1272
  }
1267
- .vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
1268
- content: "";
1269
- position: absolute;
1270
- z-index: 2;
1273
+ .ti-tag .ti-actions i {
1274
+ cursor: pointer;
1271
1275
  }
1272
- .vue3-marquee .transparent-overlay {
1276
+ .ti-tag:last-child {
1277
+ margin-right: 4px;
1278
+ }
1279
+ .ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
1280
+ background-color: #e54d42;
1281
+ }
1282
+ .ti-new-tag-input-wrapper {
1283
+ display: flex;
1284
+ flex: 1 0 auto;
1285
+ padding: 3px 5px;
1286
+ margin: 2px;
1287
+ font-size: 0.85em;
1288
+ }
1289
+ .ti-new-tag-input-wrapper input {
1290
+ flex: 1 0 auto;
1291
+ min-width: 100px;
1292
+ border: none;
1293
+ padding: 0px;
1294
+ margin: 0px;
1295
+ }
1296
+ .ti-new-tag-input {
1297
+ line-height: initial;
1298
+ }
1299
+ .ti-autocomplete {
1300
+ border-top: none;
1273
1301
  position: absolute;
1274
- width: 100.5%;
1275
- height: 100.5%;
1302
+ width: 100%;
1303
+ left: 0;
1304
+ top: 110%;
1305
+ z-index: 20;
1276
1306
  }
1277
- .vue3-marquee.horizontal {
1278
- overflow-x: hidden !important;
1279
- flex-direction: row !important;
1307
+ .ti-item > div {
1308
+ cursor: pointer;
1309
+ padding: 3px 6px;
1280
1310
  width: 100%;
1281
- height: max-content;
1282
1311
  }
1283
- .vue3-marquee.horizontal .marquee {
1312
+ .ti-selected-item {
1313
+ background-color: rgb(var(--main));
1314
+ color: #fff;
1315
+ }.breadcrumbs {
1316
+ height: 4rem;
1284
1317
  display: flex;
1285
- flex-direction: row;
1286
1318
  align-items: center;
1319
+ flex-wrap: nowrap;
1287
1320
  }
1288
- .vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
1289
- background: linear-gradient(to right, var(--gradient-color));
1290
- height: 100%;
1291
- width: var(--gradient-length);
1292
- }
1293
- .vue3-marquee.horizontal .overlay::after {
1294
- transform: rotateZ(180deg);
1295
- right: 0;
1296
- top: 0;
1321
+ .breadcrumbs .home {
1322
+ height: 1rem;
1297
1323
  }
1298
- .vue3-marquee.vertical {
1299
- overflow-y: hidden !important;
1300
- flex-direction: column !important;
1301
- height: 100%;
1302
- width: max-content;
1324
+ .breadcrumbs .chevron {
1325
+ height: 0.75rem;
1303
1326
  }
1304
- .vue3-marquee.vertical .marquee {
1327
+ .breadcrumbs a {
1305
1328
  display: flex;
1306
- flex-direction: column;
1307
1329
  align-items: center;
1330
+ flex-wrap: nowrap;
1308
1331
  }
1309
- .vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
1310
- background: linear-gradient(to bottom, var(--gradient-color));
1311
- height: var(--gradient-length);
1312
- width: 100%;
1313
- }
1314
- .vue3-marquee.vertical .overlay::after {
1315
- transform: rotateZ(-180deg);
1316
- left: 0;
1317
- bottom: 0;
1332
+ .breadcrumbs a span {
1333
+ margin-left: 0.5rem;
1334
+ margin-right: 0.5rem;
1318
1335
  }
1319
- .vue3-marquee:hover div {
1320
- animation-play-state: var(--pauseOnHover);
1336
+ .breadcrumbs .router-link-exact-active:last-of-type span {
1337
+ color: #00ff88;
1321
1338
  }
1322
- .vue3-marquee:active div {
1323
- animation-play-state: var(--pauseOnClick);
1339
+ .ti-tag-toDefactor {
1340
+ background-color: rgb(var(--main));
1341
+ color: rgb(var(--black));
1342
+ border-radius: 4rem;
1343
+ padding: 1px 8px 2px;
1344
+ margin: 2px;
1345
+ font-size: .85em;
1324
1346
  }
1325
- @keyframes scrollX {
1326
- 0% {
1327
- transform: translateX(0%);
1347
+
1348
+ .t-trimmed {
1349
+ font-size: 0;
1328
1350
  }
1329
- 100% {
1330
- transform: translateX(-100%);
1351
+ .dp__input {
1352
+ border: 0;
1353
+ padding: var(--medium);
1354
+ padding-left: 3rem;
1355
+ background: rgb(var(--grey));
1331
1356
  }
1357
+ .calendar__week {
1358
+ display: grid;
1359
+ grid-template-columns: repeat(7, 1fr);
1360
+ gap: 5px;
1361
+ margin-bottom: 10px;
1332
1362
  }
1333
- @keyframes scrollY {
1334
- 0% {
1335
- transform: translateY(0%);
1363
+ .calendar__weekday {
1364
+ text-align: center;
1336
1365
  }
1337
- 100% {
1338
- transform: translateY(-100%);
1366
+ .calendar__dates {
1367
+ display: grid;
1368
+ grid-template-columns: repeat(7, 1fr);
1369
+ grid-auto-rows: 1fr;
1339
1370
  }
1340
- }.spoiler {
1341
- transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
1371
+ .calendar__dates::before {
1372
+ content: '';
1373
+ width: 0;
1374
+ padding-bottom: 100%;
1375
+ grid-row: 1 / 1;
1376
+ grid-column: 1 / 1;
1342
1377
  }
1343
- .collapse-enter-active,
1344
- .collapse-leave-active {
1345
- max-height: 2000px;
1378
+ .calendar__dates > *:first-child {
1379
+ grid-row: 1 / 1;
1380
+ grid-column: 1 / 1;
1346
1381
  }
1347
- .collapse-enter-from,
1348
- .collapse-leave-to {
1349
- max-height: 0;
1382
+ .calendar__date--today {
1383
+ background-color: #f0f0f0;
1384
+ font-weight: bold;
1350
1385
  }
1351
- .pac-container {
1352
- position: absolute;
1353
- background-color: white;
1354
- z-index: 1000;
1355
- border-radius: 2rem;
1356
- overflow: hidden;
1386
+ .calendar__date--selected {
1387
+ background-color: #007bff;
1388
+ color: #fff;
1357
1389
  }
1358
-
1359
- .my-location-button {
1360
- position: absolute;
1361
- right: 10px;
1362
- top: 10px;
1363
- z-index: 99;
1390
+ .calendar__date--range {
1391
+ background-color: #e9ecef;
1364
1392
  }
1365
- .gm-style-cc { display:none;
1393
+ .calendar__date--disabled {
1394
+ color: #ccc;
1395
+ cursor: not-allowed;
1366
1396
  }
1367
1397
 
1368
-
1369
-
1370
1398
  fieldset[disabled] .multiselect {
1371
1399
  pointer-events: none;
1372
1400
  }
@@ -1744,6 +1772,46 @@ to {
1744
1772
  transform: rotate(2turn);
1745
1773
  }
1746
1774
  }
1775
+ input[data-v-516f3e07], span[data-v-516f3e07] {
1776
+ line-height: 1;
1777
+ color: inherit;
1778
+ }.bg-white-overlay[data-v-a6aa1cda] {
1779
+ background: linear-gradient(0deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
1780
+ }@media screen and (max-width: 1025px) {
1781
+ #mainguest > div:first-of-type {
1782
+ order: 2;
1783
+ }
1784
+ }
1785
+ /* Existing styles can stay unchanged */
1786
+ .spoiler {
1787
+ transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
1788
+ }
1789
+ .collapse-enter-active,
1790
+ .collapse-leave-active {
1791
+ max-height: 2000px;
1792
+ }
1793
+ .collapse-enter-from,
1794
+ .collapse-leave-to {
1795
+ max-height: 0;
1796
+ }
1797
+ .pac-container {
1798
+ position: absolute;
1799
+ background-color: white;
1800
+ z-index: 1000;
1801
+ border-radius: 2rem;
1802
+ overflow: hidden;
1803
+ }
1804
+
1805
+ .my-location-button {
1806
+ position: absolute;
1807
+ right: 10px;
1808
+ top: 10px;
1809
+ z-index: 99;
1810
+ }
1811
+ .gm-style-cc { display:none;
1812
+ }
1813
+
1814
+
1747
1815
 
1748
1816
  .subunit[data-v-a2ed7104] {
1749
1817
  border: 1px solid rgba(0, 0, 0, 0.1);
@@ -1765,68 +1833,6 @@ to {
1765
1833
  transition: transform 0.3s;
1766
1834
  }
1767
1835
 
1768
- #glcanvas {
1769
- width: 100%;
1770
- height: 100%;
1771
- }
1772
- .dp__input {
1773
- border: 0;
1774
- padding: var(--medium);
1775
- padding-left: 3rem;
1776
- background: rgb(var(--grey));
1777
- }
1778
- .calendar__week {
1779
- display: grid;
1780
- grid-template-columns: repeat(7, 1fr);
1781
- gap: 5px;
1782
- margin-bottom: 10px;
1783
- }
1784
- .calendar__weekday {
1785
- text-align: center;
1786
- }
1787
- .calendar__dates {
1788
- display: grid;
1789
- grid-template-columns: repeat(7, 1fr);
1790
- grid-auto-rows: 1fr;
1791
- }
1792
- .calendar__dates::before {
1793
- content: '';
1794
- width: 0;
1795
- padding-bottom: 100%;
1796
- grid-row: 1 / 1;
1797
- grid-column: 1 / 1;
1798
- }
1799
- .calendar__dates > *:first-child {
1800
- grid-row: 1 / 1;
1801
- grid-column: 1 / 1;
1802
- }
1803
- .calendar__date--today {
1804
- background-color: #f0f0f0;
1805
- font-weight: bold;
1806
- }
1807
- .calendar__date--selected {
1808
- background-color: #007bff;
1809
- color: #fff;
1810
- }
1811
- .calendar__date--range {
1812
- background-color: #e9ecef;
1813
- }
1814
- .calendar__date--disabled {
1815
- color: #ccc;
1816
- cursor: not-allowed;
1817
- }
1818
- input[data-v-516f3e07], span[data-v-516f3e07] {
1819
- line-height: 1;
1820
- color: inherit;
1821
- }.bg-white-overlay[data-v-a6aa1cda] {
1822
- background: linear-gradient(0deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
1823
- }@media screen and (max-width: 1025px) {
1824
- #mainguest > div:first-of-type {
1825
- order: 2;
1826
- }
1827
- }
1828
- /* Existing styles can stay unchanged */
1829
-
1830
1836
  .pd-2px[data-v-d85e7952] {
1831
1837
  padding: 2px 4px;
1832
1838
  margin-right: 4px;
@@ -1874,12 +1880,7 @@ input[data-v-516f3e07], span[data-v-516f3e07] {
1874
1880
  .modal-enter[data-v-d85e7952], .modal-leave-to[data-v-d85e7952] {
1875
1881
  opacity: 0;
1876
1882
  }
1877
- .error-wrapper {
1878
- position: fixed;
1879
- left: 0;
1880
- right: 0;
1881
- opacity: 0.9;
1882
- }.blink[data-v-5785b6f6] {
1883
+ .blink[data-v-5785b6f6] {
1883
1884
  animation: blink-animation-5785b6f6 1s ease infinite;
1884
1885
  }
1885
1886
  @keyframes blink-animation-5785b6f6 {
@@ -1889,21 +1890,25 @@ input[data-v-516f3e07], span[data-v-516f3e07] {
1889
1890
  50% {
1890
1891
  opacity: 0.8;
1891
1892
  }
1892
- }.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
1893
- color: rgb(var(--main)) !important;
1894
1893
  }
1895
- a[data-v-380d7b3b]:hover {
1896
- cursor: pointer;
1897
- color: rgb(var(--main));
1898
- }.card-page-title .card-page-actions {
1894
+ .gmap[data-v-786189a4] {
1895
+ height: 300px;
1896
+ width: 100%;
1897
+ }
1898
+
1899
+ #glcanvas {
1900
+ width: 100%;
1901
+ height: 100%;
1902
+ }
1903
+ .card-page-title .card-page-actions {
1899
1904
  display: none;
1900
1905
  }
1901
1906
  .card-page-title:hover .card-page-actions {
1902
1907
  display: block;
1903
1908
  }
1904
- .gmap[data-v-786189a4] {
1905
- height: 300px;
1906
- width: 100%;
1909
+ .address[data-v-97ae0556] {
1910
+ text-wrap: nowrap;
1911
+ display: block;
1907
1912
  }
1908
1913
  .constructor-iframe iframe {
1909
1914
  width: 100% !important;
@@ -1923,11 +1928,6 @@ a[data-v-380d7b3b]:hover {
1923
1928
  pointer-events: none;
1924
1929
  }
1925
1930
 
1926
- .address[data-v-97ae0556] {
1927
- text-wrap: nowrap;
1928
- display: block;
1929
- }
1930
- /* Your styles here */
1931
1931
  .barcode-scanner-modal {
1932
1932
  visibility: visible;
1933
1933
  position: fixed;
@@ -1967,7 +1967,7 @@ body.barcode-scanner-active {
1967
1967
  html.barcode-scanner-active-html {
1968
1968
  background: transparent !important;
1969
1969
  }
1970
-
1970
+ /* Your styles here */
1971
1971
  .ti-tag-input {
1972
1972
  background-color: transparent;
1973
1973
  color: inherit;