@ozdao/prometheus-framework 0.2.239 → 0.2.240

Sign up to get free protection for your applications and to get access to all the features.
Files changed (156) hide show
  1. package/dist/prometheus-framework/src/components/FieldBig/FieldBig.vue.cjs +1 -1
  2. package/dist/prometheus-framework/src/components/FieldBig/FieldBig.vue.js +1 -1
  3. package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.cjs +3 -3
  4. package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.js +3 -3
  5. package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.cjs +1 -1
  6. package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.js +1 -1
  7. package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterPassword.vue.cjs +3 -3
  8. package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterPassword.vue.js +3 -3
  9. package/dist/prometheus-framework/src/modules/auth/views/components/pages/Invite.vue.cjs +3 -3
  10. package/dist/prometheus-framework/src/modules/auth/views/components/pages/Invite.vue.js +3 -3
  11. package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.cjs +3 -3
  12. package/dist/prometheus-framework/src/modules/auth/views/components/pages/ResetPassword.vue.js +3 -3
  13. package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignIn.vue.cjs +3 -3
  14. package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignIn.vue.js +3 -3
  15. package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignUp.vue.cjs +3 -3
  16. package/dist/prometheus-framework/src/modules/auth/views/components/pages/SignUp.vue.js +3 -3
  17. package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.cjs +1 -1
  18. package/dist/prometheus-framework/src/modules/backoffice/components/pages/Dashboard.vue.js +1 -1
  19. package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.cjs +1 -1
  20. package/dist/prometheus-framework/src/modules/backoffice/components/partials/Sidebar.vue.js +1 -1
  21. package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.cjs +1 -1
  22. package/dist/prometheus-framework/src/modules/community/components/layouts/Community.vue.js +1 -1
  23. package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.cjs +1 -1
  24. package/dist/prometheus-framework/src/modules/community/components/pages/BlogPost.vue.js +1 -1
  25. package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.cjs +2 -2
  26. package/dist/prometheus-framework/src/modules/community/components/pages/Community.vue.js +2 -2
  27. package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.cjs +3 -3
  28. package/dist/prometheus-framework/src/modules/community/components/pages/CreateBlogPost.vue.js +3 -3
  29. package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.cjs +1 -1
  30. package/dist/prometheus-framework/src/modules/community/components/sections/HotPosts.vue.js +1 -1
  31. package/dist/prometheus-framework/src/modules/constructor/components/elements/Embed.vue.cjs +1 -1
  32. package/dist/prometheus-framework/src/modules/constructor/components/elements/Embed.vue.js +1 -1
  33. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs +3 -1
  34. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.cjs.map +1 -1
  35. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js +3 -1
  36. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonCheck.vue.js.map +1 -1
  37. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.cjs +1 -1
  38. package/dist/prometheus-framework/src/modules/events/components/elements/ButtonJoin.vue.js +1 -1
  39. package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.cjs +3 -3
  40. package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js +3 -3
  41. package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.cjs +3 -3
  42. package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.js +3 -3
  43. package/dist/prometheus-framework/src/modules/events/components/pages/EventsBackoffice.vue.cjs +1 -1
  44. package/dist/prometheus-framework/src/modules/events/components/pages/EventsBackoffice.vue.js +1 -1
  45. package/dist/prometheus-framework/src/modules/gallery/components/pages/Gallery.vue.cjs +1 -1
  46. package/dist/prometheus-framework/src/modules/gallery/components/pages/Gallery.vue.js +1 -1
  47. package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.cjs +4 -4
  48. package/dist/prometheus-framework/src/modules/gallery/components/sections/BackofficeGallery.vue.js +4 -4
  49. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.cjs +1 -1
  50. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/BlockSearch.vue.js +1 -1
  51. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.cjs +1 -1
  52. package/dist/prometheus-framework/src/modules/globals/views/components/blocks/CardHeader.vue.js +1 -1
  53. package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.cjs +1 -1
  54. package/dist/prometheus-framework/src/modules/globals/views/components/layouts/Client.vue.js +1 -1
  55. package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.cjs +2 -2
  56. package/dist/prometheus-framework/src/modules/globals/views/components/partials/Header.vue.js +2 -2
  57. package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.cjs +1 -1
  58. package/dist/prometheus-framework/src/modules/globals/views/components/partials/NavigationBar.vue.js +1 -1
  59. package/dist/prometheus-framework/src/modules/globals/views/components/partials/Sidebar.vue.cjs +1 -1
  60. package/dist/prometheus-framework/src/modules/globals/views/components/partials/Sidebar.vue.js +1 -1
  61. package/dist/prometheus-framework/src/modules/globals/views/components/sections/SectionPageTitle.vue.cjs +1 -1
  62. package/dist/prometheus-framework/src/modules/globals/views/components/sections/SectionPageTitle.vue.js +1 -1
  63. package/dist/prometheus-framework/src/modules/legal/components/pages/Legal.vue.cjs +3 -3
  64. package/dist/prometheus-framework/src/modules/legal/components/pages/Legal.vue.js +3 -3
  65. package/dist/prometheus-framework/src/modules/orders/components/pages/OrderBackoffice.vue.cjs +2 -2
  66. package/dist/prometheus-framework/src/modules/orders/components/pages/OrderBackoffice.vue.js +2 -2
  67. package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs +5 -5
  68. package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js +5 -5
  69. package/dist/prometheus-framework/src/modules/orders/components/pages/Orders.vue.cjs +1 -1
  70. package/dist/prometheus-framework/src/modules/orders/components/pages/Orders.vue.js +1 -1
  71. package/dist/prometheus-framework/src/modules/orders/components/sections/FormAddCustomer.vue.cjs +3 -3
  72. package/dist/prometheus-framework/src/modules/orders/components/sections/FormAddCustomer.vue.js +3 -3
  73. package/dist/prometheus-framework/src/modules/orders/components/sections/FormCustomerDetails.vue.cjs +2 -2
  74. package/dist/prometheus-framework/src/modules/orders/components/sections/FormCustomerDetails.vue.js +2 -2
  75. package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.cjs +1 -1
  76. package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.js +1 -1
  77. package/dist/prometheus-framework/src/modules/orders/components/sections/FormPayment.vue.cjs +1 -1
  78. package/dist/prometheus-framework/src/modules/orders/components/sections/FormPayment.vue.js +1 -1
  79. package/dist/prometheus-framework/src/modules/organizations/components/elements/ButtonToggleMembership.vue.cjs +1 -1
  80. package/dist/prometheus-framework/src/modules/organizations/components/elements/ButtonToggleMembership.vue.js +1 -1
  81. package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs +5 -5
  82. package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js +5 -5
  83. package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.cjs +3 -3
  84. package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.js +3 -3
  85. package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.cjs +2 -2
  86. package/dist/prometheus-framework/src/modules/organizations/components/pages/Organization.vue.js +2 -2
  87. package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.cjs +1 -1
  88. package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js +1 -1
  89. package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs +5 -5
  90. package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.js +5 -5
  91. package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.cjs +1 -1
  92. package/dist/prometheus-framework/src/modules/organizations/components/pages/Organizations.vue.js +1 -1
  93. package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.cjs +3 -3
  94. package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.js +3 -3
  95. package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.cjs +3 -3
  96. package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.js +3 -3
  97. package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.cjs +3 -3
  98. package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.js +3 -3
  99. package/dist/prometheus-framework/src/modules/pages/pages.client.cjs +1335 -1334
  100. package/dist/prometheus-framework/src/modules/pages/pages.client.js +1335 -1334
  101. package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.cjs +2 -2
  102. package/dist/prometheus-framework/src/modules/pages/views/components/blocks/CardPage.vue.js +2 -2
  103. package/dist/prometheus-framework/src/modules/pages/views/components/pages/PageEdit.vue.cjs +2 -2
  104. package/dist/prometheus-framework/src/modules/pages/views/components/pages/PageEdit.vue.js +2 -2
  105. package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.cjs +2 -2
  106. package/dist/prometheus-framework/src/modules/pages/views/components/partials/SidebarPages.vue.js +2 -2
  107. package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.cjs +2 -2
  108. package/dist/prometheus-framework/src/modules/products/components/blocks/CardPosition.vue.js +2 -2
  109. package/dist/prometheus-framework/src/modules/products/components/blocks/ImagesThumbnails.vue.cjs +1 -1
  110. package/dist/prometheus-framework/src/modules/products/components/blocks/ImagesThumbnails.vue.js +1 -1
  111. package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.cjs +1 -1
  112. package/dist/prometheus-framework/src/modules/products/components/blocks/LeftoverPositions.vue.js +1 -1
  113. package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.cjs +1 -1
  114. package/dist/prometheus-framework/src/modules/products/components/blocks/ListPositions.vue.js +1 -1
  115. package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.cjs +1 -1
  116. package/dist/prometheus-framework/src/modules/products/components/pages/Categories.vue.js +1 -1
  117. package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.cjs +3 -3
  118. package/dist/prometheus-framework/src/modules/products/components/pages/CategoryEdit.vue.js +3 -3
  119. package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.cjs +3 -3
  120. package/dist/prometheus-framework/src/modules/products/components/pages/EditLeftover.vue.js +3 -3
  121. package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.cjs +1 -1
  122. package/dist/prometheus-framework/src/modules/products/components/pages/Leftovers.vue.js +1 -1
  123. package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.cjs +4 -4
  124. package/dist/prometheus-framework/src/modules/products/components/pages/ProductEdit.vue.js +4 -4
  125. package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.cjs +2 -2
  126. package/dist/prometheus-framework/src/modules/products/components/pages/Products.vue.js +2 -2
  127. package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.cjs +1 -1
  128. package/dist/prometheus-framework/src/modules/products/components/sections/EditModifications.vue.js +1 -1
  129. package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.cjs +3 -3
  130. package/dist/prometheus-framework/src/modules/products/components/sections/EditProductInfo.vue.js +3 -3
  131. package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.cjs +1 -1
  132. package/dist/prometheus-framework/src/modules/products/components/sections/SectionProduct.vue.js +1 -1
  133. package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.cjs +3 -3
  134. package/dist/prometheus-framework/src/modules/reports/components/sections/FormReport.vue.js +3 -3
  135. package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.cjs +2 -2
  136. package/dist/prometheus-framework/src/modules/spots/components/blocks/SpotMemberModify.vue.js +2 -2
  137. package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.cjs +1 -1
  138. package/dist/prometheus-framework/src/modules/spots/components/layouts/Spots.vue.js +1 -1
  139. package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.cjs +1 -1
  140. package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.js +1 -1
  141. package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.cjs +5 -5
  142. package/dist/prometheus-framework/src/modules/spots/components/pages/SpotEdit.vue.js +5 -5
  143. package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.cjs +3 -3
  144. package/dist/prometheus-framework/src/modules/users/components/pages/Profile.vue.js +3 -3
  145. package/dist/prometheus-framework/src/modules/users/components/pages/ProfileBlogposts.vue.cjs +1 -1
  146. package/dist/prometheus-framework/src/modules/users/components/pages/ProfileBlogposts.vue.js +1 -1
  147. package/dist/prometheus-framework/src/modules/users/components/pages/ProfileEdit.vue.cjs +3 -3
  148. package/dist/prometheus-framework/src/modules/users/components/pages/ProfileEdit.vue.js +3 -3
  149. package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.cjs +1 -1
  150. package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CardDeposit.vue.js +1 -1
  151. package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.cjs +2 -2
  152. package/dist/prometheus-framework/src/modules/wallet/views/components/blocks/CryptoDeposit.vue.js +2 -2
  153. package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.cjs +3 -3
  154. package/dist/prometheus-framework/src/modules/wallet/views/components/pages/Wallet.vue.js +3 -3
  155. package/package.json +1 -1
  156. package/src/modules/events/components/elements/ButtonCheck.vue +6 -4
@@ -3,7 +3,74 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode(`.slide-fade-enter-active {
6
+ elementStyle.appendChild(document.createTextNode(`.VueSelect {
7
+ background: #f7f7f7;
8
+ border-radius: 0.5rem;
9
+ border: 0;
10
+ height: 3rem;
11
+ padding-left: 1rem;
12
+ z-index: 4;
13
+ }
14
+ .VueSelect .vue-input input {
15
+ font-size: 1.125rem;
16
+ font-weight: 300;
17
+ background: #f7f7f7;
18
+ }
19
+ .subdepartmentsartment[data-v-de9a0606] {
20
+ border: 1px solid rgba(0, 0, 0, 0.1);
21
+ margin-top: 1rem;
22
+ }
23
+
24
+ /* Add styles for the user card component here */
25
+ .slide-fade-enter-active {
26
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
27
+ }
28
+ .slide-fade-leave-active {
29
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
30
+ }
31
+ .slide-fade-enter-from,
32
+ .slide-fade-leave-to {
33
+ min-height: 0;
34
+ position: absolute;
35
+ transform: translateX(20px);
36
+ opacity: 0;
37
+ left: 0;
38
+ top: 0;
39
+ }
40
+ .documents[data-v-f93fcad7] {
41
+ display: flex;
42
+ flex-direction: column;
43
+ }
44
+ .popup[data-v-f93fcad7] {
45
+ position: fixed;
46
+ top: 50%;
47
+ left: 50%;
48
+ transform: translate(-50%, -50%);
49
+ background-color: white;
50
+ border: 1px solid #ccc;
51
+ padding: 20px;
52
+ z-index: 10;
53
+ }
54
+ .container-joinus {
55
+ display: flex;
56
+ align-items: center;
57
+ justify-content: center;
58
+ height: 66%;
59
+ position: relative;
60
+ }
61
+ .container-joinus .content {
62
+ display: flex;
63
+ flex-direction: column;
64
+ align-items: center;
65
+ z-index: 2;
66
+ }.slider-hotpost .embla__slide {
67
+ flex: 0 0 25%;
68
+ }
69
+ @media screen and (max-width: 1025px) {
70
+ .slider-hotpost .embla__slide {
71
+ flex: 0 0 75%;
72
+ }
73
+ }.slide-fade-enter-active {
7
74
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
8
75
  }
9
76
  .slide-fade-leave-active {
@@ -41,10 +108,6 @@
41
108
  .input-error {
42
109
  border: 1px solid red;
43
110
  box-shadow: 0 0 3px 0 red;
44
- }.selector {
45
- flex-grow: 1;
46
- flex-basis: 0;
47
- min-width: 0;
48
111
  }.fade-enter-active, .fade-leave-active {
49
112
  transition: opacity 0.5s;
50
113
  }
@@ -86,259 +149,261 @@
86
149
  }
87
150
  .background-div {
88
151
  flex-grow: 1;
89
- }.scaleIn-enter-active,
90
- .scaleIn-leave-active {
91
- transform: scale(1);
92
- transition: all 0.5s ease;
152
+ }.selector {
153
+ flex-grow: 1;
154
+ flex-basis: 0;
155
+ min-width: 0;
93
156
  }
94
- .scaleIn-enter-from,
95
- .scaleIn-leave-to {
96
- opacity: 0;
97
- transition: all 0.5s ease;
157
+ .magnifier[data-v-48231055] {
158
+ max-width: 32rem;
98
159
  }
99
- .moveFromTop-enter-active,
100
- .moveFromTop-leave-active {
101
- transform: translateY(0);
102
- opacity: 1;
103
- transition: all 0.5s ease;
160
+ .product-images[data-v-48231055] {
161
+ display: flex;
162
+ flex-direction: column;
104
163
  }
105
- .moveFromTop-enter-from,
106
- .moveFromTop-leave-to {
107
- transform: translateY(-1rem);
108
- opacity: 0;
109
- transition: all 0.5s ease;
164
+ .thumbnail[data-v-48231055] {
165
+ width: 100%;
166
+ max-width: 8rem;
167
+ height: 8rem;
168
+ object-fit: cover;
169
+ cursor: pointer;
110
170
  }
111
- .moveFromTopAbsolute-enter-active,
112
- .moveFromTopAbsolute-leave-active {
113
- transform: translateY(0);
114
- opacity: 1;
115
- transition: all 0.5s ease;
171
+ .popup[data-v-48231055] {
172
+ position: fixed;
173
+ top: 0;
174
+ left: 0;
175
+ width: 100vw;
176
+ height: 100vh;
177
+ background-color: rgba(0, 0, 0, 0.8);
178
+ display: flex;
179
+ justify-content: center;
180
+ align-items: center;
181
+ cursor: zoom-out;
116
182
  }
117
- .moveFromTopAbsolute-enter-from,
118
- .moveFromTopAbsolute-leave-to {
119
- position: absolute;
120
- transform: translateY(-1rem);
121
- opacity: 0;
122
- transition: all 0.5s ease;
183
+ .popup-image[data-v-48231055] {
184
+ max-width: 90%;
185
+ max-height: 90%;
123
186
  }
124
- .ScaleOut-enter-active,
125
- .ScaleOut-leave-active {
126
- opacity: 1;
127
- transform: scale(1);
128
- transition: all 0.3s ease;
187
+ .vue-select {
188
+ background: #f7f7f7;
189
+ border-radius: 0.5rem;
190
+ border: 0;
191
+ height: 3rem;
192
+ padding-left: 1rem;
193
+ z-index: 4;
129
194
  }
130
- .ScaleOut-enter-from,
131
- .ScaleOut-leave-to {
132
- opacity: 0;
133
- transform: scale(0.9);
134
- transition: all 0.3s ease;
195
+ .vue-select .vue-input input {
196
+ font-size: 1.125rem;
197
+ font-weight: 300;
198
+ background: #f7f7f7;
199
+ }.shop-cart-item[data-v-bebbf16b]:first-of-type {
200
+ padding-top: 0;
135
201
  }
136
- .slide-fade-enter-active {
137
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
202
+ .spoiler-active[data-v-bebbf16b] {
203
+ transform: rotate(180deg);
138
204
  }
139
- .slide-fade-leave-active {
140
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
205
+ .spiral {
206
+
207
+ background-size: cover;
208
+ width: 100rem;
209
+ height: 100rem;
210
+ position: absolute;
211
+ top: 50%;
212
+ left: 50%;
213
+ opacity: 0.066;
214
+ transform: translate(-50%, -50%) rotate(0deg);
215
+ transform-origin: center center;
216
+ animation: spin 5s linear infinite;
141
217
  }
142
- .slide-fade-enter-from,
143
- .slide-fade-leave-to {
144
- min-height: 0;
145
- transform: translateX(20px);
146
- opacity: 0;
147
- left: 0;
148
- top: 0;
218
+ @keyframes spin {
219
+ 0% {
220
+ transform: translate(-50%, -50%) rotate(0deg);
149
221
  }
150
- .scaleTransition-5px-enter-active,
151
- .scaleTransition-5px-leave-active {
152
- transform: translateY(0px);
153
- opacity: 1;
154
- z-index: 1;
155
- transition: all 0.2s ease;
222
+ 100% {
223
+ transform: translate(-50%, -50%) rotate(360deg);
156
224
  }
157
- .scaleTransition-5px-enter-from,
158
- .scaleTransition-5px-leave-to {
159
- opacity: 0;
160
- z-index: 0;
161
- position: absolute;
162
- transform: translateY(-30px);
163
- transition: all 0.2s ease;
164
225
  }
165
- .scaleTransition-enter-from,
166
- .scaleTransition-leave-to {
226
+
227
+ /* Ваши стили */
228
+
229
+ .expand-enter-active[data-v-e552bc5f],
230
+ .expand-leave-active[data-v-e552bc5f] {
231
+ transition: max-height 0.5s ease-in-out;
232
+ overflow: hidden;
233
+ }
234
+ .scale-enter-active[data-v-e552bc5f],
235
+ .scale-leave-active[data-v-e552bc5f] {
236
+ transition: transform 0.5s ease-in-out;
237
+ }
238
+ .scale5-enter-from[data-v-e552bc5f],
239
+ .scale5-leave-to[data-v-e552bc5f] {
240
+ transform: scale(1.2);
167
241
  opacity: 0;
168
- z-index: 0;
169
- position: absolute;
170
- width: inherit;
171
- height: inherit;
172
- display: block;
173
- transform: translateY(-30px);
174
- transition: all 0.5s ease;
175
242
  }
176
- .scaleTransition-enter-active,
177
- .scaleTransition-leave-active {
178
- transform: translateY(0px);
243
+ .scale5-enter-to[data-v-e552bc5f],
244
+ .scale5-leave-from[data-v-e552bc5f] {
245
+ transform: scale(1);
179
246
  opacity: 1;
180
- z-index: 1;
181
- transition: all 0.5s ease;
182
247
  }
183
- .scaleTransition-enter-from,
184
- .scaleTransition-leave-to {
185
- opacity: 0;
186
- z-index: 0;
187
- position: absolute;
188
- width: inherit;
189
- height: inherit;
190
- display: block;
191
- transform: translateY(-30px);
192
- transition: all 0.5s ease;
248
+ .product-360-viewer[data-v-e552bc5f] {
249
+ user-select: none;
250
+ min-height: 16rem;
193
251
  }
194
- .scaleIn-enter-active,
195
- .scaleIn-leave-active {
196
- transition: all 0.5s ease;
252
+ .product-360-viewer img[data-v-e552bc5f] {
253
+ max-width: 100%;
254
+ cursor: grab;
255
+
256
+ object-fit: cover;
257
+ transition: all 0.3s ease;
197
258
  }
198
- .scaleIn-enter-active > section, .scaleIn-enter-active div,
199
- .scaleIn-leave-active > section,
200
- .scaleIn-leave-active div {
201
- transform-origin: 0 0;
202
- transform: translateZ(0px);
203
- transition: all 0.5s ease;
259
+ .product-360-viewer img[data-v-e552bc5f]:active {
260
+ cursor: grabbing;
204
261
  }
205
- .scaleIn-enter-from,
206
- .scaleIn-leave-to {
207
- opacity: 0;
208
- transform: scale(0.95);
262
+
263
+ /*.product-360-viewer img:hover {
264
+ transform: scale(1.1);
265
+ }*/
266
+ .embla {
267
+ overflow: hidden;
209
268
  }
210
- .scaleIn-enter-from > section, .scaleIn-enter-from div,
211
- .scaleIn-leave-to > section,
212
- .scaleIn-leave-to div {
213
- transform: translateZ(-30px);
214
- transition: all 0.5s ease;
215
- }.location-button:hover {
216
- box-shadow: inset 0 0 0 2px rgb(var(--main));
269
+ .embla__container {
270
+ display: flex;
217
271
  }
218
- .menu-btn {
219
- display: block;
220
- width: 2rem;
221
- height: 2rem;
222
- border-radius: 50%;
223
- position: relative;
272
+ .embla__slide {
273
+ flex: 0 0 25%;
274
+ min-width: 0;
224
275
  }
225
- .menu-btn span,
226
- .menu-btn__before,
227
- .menu-btn__after {
228
- position: absolute;
229
- top: 50%;
230
- margin-top: -1px;
231
- left: 50%;
232
- margin-left: -10px;
233
- width: 20px;
234
- height: 2px;
276
+ @media screen and (max-width: 1025px) {
277
+ .embla__slide {
278
+ flex: 0 0 50%;
279
+ min-width: 0;
235
280
  }
236
- .menu-btn__before,
237
- .menu-btn__after {
238
- display: block;
239
- transition: 0.2s;
281
+ }.price-tag {
282
+ background: #058;
283
+ color: #fff;
284
+ cursor: pointer;
285
+ display: inline-block;
286
+ position: relative;
287
+ text-align: center;
288
+ display: flex;
289
+ align-items: center;
290
+ width: fit-content;
291
+ color: black;
292
+ }.thc {
293
+ position: absolute;
294
+ right: 1rem;
295
+ top: 1rem;
296
+ display: flex;
297
+ flex-direction: column;
298
+ justify-content: center;
299
+ align-items: center;
300
+ flex-wrap: wrap;
301
+ width: 6rem;
302
+ height: 6rem;
303
+ transition: all linear 0.1s;
240
304
  }
241
- .menu-btn__before {
242
- transform: translateY(-5px);
305
+ .thc p:first-of-type {
306
+ font-size: 1.25rem;
307
+ letter-spacing: -2px;
308
+ z-index: 7;
243
309
  }
244
- .menu-btn__after {
245
- transform: translateY(5px);
310
+ .thc p:last-of-type {
311
+ z-index: 7;
246
312
  }
247
- .menu-btn_active .menu-btn__before {
248
- transform: rotate(-35deg);
249
- width: 10px;
250
- transform-origin: left bottom;
313
+ .thc svg {
314
+ z-index: 6;
315
+ position: absolute;
316
+ width: 6rem;
317
+ height: 6rem;
318
+ left: 0;
319
+ top: 0;
251
320
  }
252
- .menu-btn_active .menu-btn__after {
253
- transform: rotate(35deg);
254
- width: 10px;
255
- transform-origin: left top;
321
+ @media screen and (max-width: 1025px) {
322
+ .thc {
323
+ transform: scale(0.75) !important;
324
+ transform-origin: top right !important;
256
325
  }
257
- .menu-btn_active span:before {
258
- transform: rotate(-35deg);
259
- width: 10px;
260
- transform-origin: left bottom;
261
326
  }
262
- .menu-btn_active span:after {
263
- transform: rotate(35deg);
264
- width: 10px;
265
- transform-origin: left top;
327
+ /* Add your styles here */
328
+ .h1-product {
329
+ font-size: 3rem;
266
330
  }
267
- .menu-block {
331
+ .produc-data {
332
+ padding-top: 2rem;
333
+ padding-bottom: 0;
334
+ }.round-stat {
335
+ padding: 1rem;
336
+ border-radius: 5rem;
337
+ width: 3rem;
338
+ height: 3rem;
268
339
  display: flex;
269
340
  justify-content: center;
270
341
  align-items: center;
342
+ border: 1px solid rgba(0, 0, 0, 0.1);
271
343
  }
272
- .menu-nav {
273
- background-color: #fff;
274
- height: 50px;
275
- }
276
- .menu-nav__link {
277
- display: inline-block;
278
- text-decoration: none;
279
- color: #fff;
280
- margin-right: 20px;
344
+ .round-stat-tab {
345
+ width: 2rem;
346
+ height: 2rem;
281
347
  }
282
- .menu-nav__link {
283
- transition: 0.5s;
284
- transform-origin: right center;
285
- transform: translateX(50%);
286
- opacity: 0;
348
+ .order-card {
349
+ border-radius: 0.25rem;
350
+ overflow: hidden;
351
+ box-shadow: 0 8px 8px -8px rgba(36, 36, 36, 0.1);
287
352
  }
288
- .menu-nav__link_active {
289
- transform: translateX(0%);
290
- opacity: 1;
291
- }#sidebar ul li {
292
- margin-bottom: 1rem;
293
- }.slide-fade-enter-active {
294
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
353
+ .order-card .order-status {
354
+ color: black;
355
+ background: #EEF2F6;
356
+ width: 100%;
357
+ padding: 0.75rem 1.5rem;
358
+ margin: 0;
295
359
  }
296
- .slide-fade-leave-active {
297
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
360
+ .order-card .new {
361
+ color: white;
362
+ background: #00ff88;
298
363
  }
299
- .slide-fade-enter-from,
300
- .slide-fade-leave-to {
301
- min-height: 0;
302
- position: absolute;
303
- transform: translateX(20px);
304
- opacity: 0;
305
- left: 0;
306
- top: 0;
307
- }.VueSelect {
308
- background: #f7f7f7;
309
- border-radius: 0.5rem;
364
+ .order-card .block {
365
+ border-radius: 0;
310
366
  border: 0;
311
- height: 3rem;
312
- padding-left: 1rem;
313
- z-index: 4;
314
- }
315
- .VueSelect .vue-input input {
316
- font-size: 1.125rem;
317
- font-weight: 300;
318
- background: #f7f7f7;
367
+ }.main-photo {
368
+ max-width: 50%;
319
369
  }
320
- .subdepartmentsartment[data-v-de9a0606] {
321
- border: 1px solid rgba(0, 0, 0, 0.1);
322
- margin-top: 1rem;
370
+ .main-photo img {
371
+ width: 100%;
372
+ }.fade-move,
373
+ .fade-enter-active,
374
+ .fade-leave-active {
375
+ transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
323
376
  }
324
377
 
325
- /* Add styles for the user card component here */
378
+ /* 2. declare enter from and leave to state */
379
+ .fade-enter-from,
380
+ .fade-leave-to {
381
+ opacity: 0;
382
+ transform: scaleY(0.01) translate(30px, 0);
383
+ }
326
384
 
327
- .documents[data-v-f93fcad7] {
328
- display: flex;
329
- flex-direction: column;
385
+ /* 3. ensure leaving items are taken out of layout flow so that moving
386
+ animations can be calculated correctly. */
387
+ .fade-leave-active {
388
+ position: absolute;
389
+ }.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */
390
+ .dp__input {
391
+ border: 0;
392
+ padding: var(--medium);
393
+ padding-left: 3rem;
394
+ background: rgb(var(--light));
395
+ border-radius: var(--small);
396
+ }@media screen and (max-width: 1025px) {
397
+ #mobileApp {
398
+ text-align: center;
330
399
  }
331
- .popup[data-v-f93fcad7] {
332
- position: fixed;
333
- top: 50%;
334
- left: 50%;
335
- transform: translate(-50%, -50%);
336
- background-color: white;
337
- border: 1px solid #ccc;
338
- padding: 20px;
339
- z-index: 10;
400
+ #mobileApp > section {
401
+ flex-direction: column;
402
+ }
403
+ #mobileApp > section > div {
404
+ order: 1;
340
405
  }
341
- .spiral[data-v-4a28df5c] {
406
+ }.spiral[data-v-4a28df5c] {
342
407
  background-image: url("https://weeder.delivery/spiral.jpg");
343
408
  background-size: cover;
344
409
  width: 100rem;
@@ -358,16 +423,6 @@
358
423
  100% {
359
424
  transform: translate(-50%, -50%) rotate(360deg);
360
425
  }
361
- }@media screen and (max-width: 1025px) {
362
- #mobileApp {
363
- text-align: center;
364
- }
365
- #mobileApp > section {
366
- flex-direction: column;
367
- }
368
- #mobileApp > section > div {
369
- order: 1;
370
- }
371
426
  }.grid[data-v-9b14ae83] {
372
427
  perspective: 450px;
373
428
  background-size: cover;
@@ -388,374 +443,774 @@
388
443
  100% {
389
444
  transform: rotateX(45deg) translateY(0);
390
445
  }
446
+ }.blink[data-v-d2db1c69] {
447
+ animation: blink-animation-d2db1c69 1s ease infinite;
391
448
  }
392
- .magnifier[data-v-48231055] {
393
- max-width: 32rem;
449
+ @keyframes blink-animation-d2db1c69 {
450
+ 0%, 100% {
451
+ opacity: 1;
394
452
  }
395
- .product-images[data-v-48231055] {
396
- display: flex;
397
- flex-direction: column;
453
+ 50% {
454
+ opacity: 0.8;
398
455
  }
399
- .thumbnail[data-v-48231055] {
400
- width: 100%;
401
- max-width: 8rem;
402
- height: 8rem;
403
- object-fit: cover;
404
- cursor: pointer;
456
+ }.round-wrapper {
457
+ position: relative;
405
458
  }
406
- .popup[data-v-48231055] {
407
- position: fixed;
408
- top: 0;
409
- left: 0;
410
- width: 100vw;
411
- height: 100vh;
412
- background-color: rgba(0, 0, 0, 0.8);
413
- display: flex;
414
- justify-content: center;
415
- align-items: center;
416
- cursor: zoom-out;
459
+ .round-wrapper .round {
460
+ margin: 0;
461
+ margin-right: 1rem;
417
462
  }
418
- .popup-image[data-v-48231055] {
419
- max-width: 90%;
420
- max-height: 90%;
463
+ .round-wrapper input:checked {
464
+ background: #00ff88;
421
465
  }
422
- .vue-select {
423
- background: #f7f7f7;
424
- border-radius: 0.5rem;
425
- border: 0;
466
+ .round-wrapper .round-checkmark {
467
+ position: absolute;
468
+ width: 0.5rem;
469
+ height: 0.5rem;
470
+ background: white;
471
+ left: 0.5rem;
472
+ top: 0.5rem;
473
+ opacity: 1;
474
+ }.shop-cart-item[data-v-e9803d20]:first-of-type {
475
+ padding-top: 0;
476
+ }.vue-select {
477
+ width: inherit;
478
+ margin-right: 1rem;
479
+ }
480
+ .vue-select-header {
426
481
  height: 3rem;
427
- padding-left: 1rem;
428
- z-index: 4;
482
+ }.shop-cart {
483
+ display: block;
484
+ position: fixed;
485
+ right: -33%;
486
+ top: 0;
487
+ height: 100%;
488
+ width: 33%;
489
+ overflow-y: scroll;
429
490
  }
430
- .vue-select .vue-input input {
431
- font-size: 1.125rem;
432
- font-weight: 300;
433
- background: #f7f7f7;
434
- }.shop-cart-item[data-v-bebbf16b]:first-of-type {
435
- padding-top: 0;
491
+ .shop-cart .shopcart-footer {
492
+ position: fixed;
493
+ bottom: 0;
494
+ width: 33%;
495
+ right: -33%;
436
496
  }
437
- .spoiler-active[data-v-bebbf16b] {
438
- transform: rotate(180deg);
497
+ .shop-cart-active {
498
+ right: 0;
439
499
  }
440
- .expand-enter-active[data-v-e552bc5f],
441
- .expand-leave-active[data-v-e552bc5f] {
442
- transition: max-height 0.5s ease-in-out;
443
- overflow: hidden;
500
+ .shop-cart-active .shopcart-footer {
501
+ right: 0;
444
502
  }
445
- .scale-enter-active[data-v-e552bc5f],
446
- .scale-leave-active[data-v-e552bc5f] {
447
- transition: transform 0.5s ease-in-out;
503
+ @media screen and (max-width: 1025px) {
504
+ .shop-cart {
505
+ width: 100%;
506
+ right: -100%;
448
507
  }
449
- .scale5-enter-from[data-v-e552bc5f],
450
- .scale5-leave-to[data-v-e552bc5f] {
451
- transform: scale(1.2);
452
- opacity: 0;
508
+ .shop-cart .shopcart-footer {
509
+ width: 100%;
510
+ right: -100%;
453
511
  }
454
- .scale5-enter-to[data-v-e552bc5f],
455
- .scale5-leave-from[data-v-e552bc5f] {
456
- transform: scale(1);
457
- opacity: 1;
512
+ .shop-cart-active {
513
+ right: 0;
458
514
  }
459
- .product-360-viewer[data-v-e552bc5f] {
460
- user-select: none;
461
- min-height: 16rem;
515
+ .shop-cart-active .shopcart-footer {
516
+ right: 0;
462
517
  }
463
- .product-360-viewer img[data-v-e552bc5f] {
464
- max-width: 100%;
465
- cursor: grab;
466
-
467
- object-fit: cover;
468
- transition: all 0.3s ease;
469
518
  }
470
- .product-360-viewer img[data-v-e552bc5f]:active {
471
- cursor: grabbing;
519
+ .subspotsartment[data-v-a4b9b533] {
520
+ border: 1px solid rgba(0, 0, 0, 0.1);
521
+ margin-top: 1rem;
522
+ }
523
+ #map[data-v-3b081dcc]:focus {
524
+ outline: none;
525
+ }
526
+ .subspotsartment[data-v-bc545dfb] {
527
+ border: 1px solid rgba(0, 0, 0, 0.1);
528
+ margin-top: 1rem;
472
529
  }
473
530
 
474
- /*.product-360-viewer img:hover {
475
- transform: scale(1.1);
476
- }*/
477
-
478
- /* Ваши стили */
479
-
480
- .spiral {
481
-
482
- background-size: cover;
483
- width: 100rem;
484
- height: 100rem;
485
- position: absolute;
486
- top: 50%;
487
- left: 50%;
488
- opacity: 0.066;
489
- transform: translate(-50%, -50%) rotate(0deg);
490
- transform-origin: center center;
491
- animation: spin 5s linear infinite;
531
+ .form-group[data-v-3c991e96] {
532
+ margin-bottom: 1rem;
492
533
  }
493
- @keyframes spin {
494
- 0% {
495
- transform: translate(-50%, -50%) rotate(0deg);
534
+ label[data-v-3c991e96] {
535
+ display: block;
536
+ margin-bottom: 0.5rem;
496
537
  }
497
- 100% {
498
- transform: translate(-50%, -50%) rotate(360deg);
538
+ input[data-v-3c991e96] {
539
+ width: 100%;
540
+ padding: 0.5rem;
541
+ border: 1px solid #ccc;
542
+ border-radius: 5px;
499
543
  }
544
+ .scaleIn-enter-active,
545
+ .scaleIn-leave-active {
546
+ transform: scale(1);
547
+ transition: all 0.5s ease;
500
548
  }
501
- .embla {
502
- overflow: hidden;
549
+ .scaleIn-enter-from,
550
+ .scaleIn-leave-to {
551
+ opacity: 0;
552
+ transition: all 0.5s ease;
503
553
  }
504
- .embla__container {
505
- display: flex;
554
+ .moveFromTop-enter-active,
555
+ .moveFromTop-leave-active {
556
+ transform: translateY(0);
557
+ opacity: 1;
558
+ transition: all 0.5s ease;
506
559
  }
507
- .embla__slide {
508
- flex: 0 0 25%;
509
- min-width: 0;
560
+ .moveFromTop-enter-from,
561
+ .moveFromTop-leave-to {
562
+ transform: translateY(-1rem);
563
+ opacity: 0;
564
+ transition: all 0.5s ease;
510
565
  }
511
- @media screen and (max-width: 1025px) {
512
- .embla__slide {
513
- flex: 0 0 50%;
514
- min-width: 0;
566
+ .moveFromTopAbsolute-enter-active,
567
+ .moveFromTopAbsolute-leave-active {
568
+ transform: translateY(0);
569
+ opacity: 1;
570
+ transition: all 0.5s ease;
515
571
  }
516
- }.price-tag {
517
- background: #058;
518
- color: #fff;
519
- cursor: pointer;
520
- display: inline-block;
521
- position: relative;
522
- text-align: center;
523
- display: flex;
524
- align-items: center;
525
- width: fit-content;
526
- color: black;
527
- }.thc {
572
+ .moveFromTopAbsolute-enter-from,
573
+ .moveFromTopAbsolute-leave-to {
528
574
  position: absolute;
529
- right: 1rem;
530
- top: 1rem;
531
- display: flex;
532
- flex-direction: column;
533
- justify-content: center;
534
- align-items: center;
535
- flex-wrap: wrap;
536
- width: 6rem;
537
- height: 6rem;
538
- transition: all linear 0.1s;
575
+ transform: translateY(-1rem);
576
+ opacity: 0;
577
+ transition: all 0.5s ease;
539
578
  }
540
- .thc p:first-of-type {
541
- font-size: 1.25rem;
542
- letter-spacing: -2px;
543
- z-index: 7;
579
+ .ScaleOut-enter-active,
580
+ .ScaleOut-leave-active {
581
+ opacity: 1;
582
+ transform: scale(1);
583
+ transition: all 0.3s ease;
544
584
  }
545
- .thc p:last-of-type {
546
- z-index: 7;
585
+ .ScaleOut-enter-from,
586
+ .ScaleOut-leave-to {
587
+ opacity: 0;
588
+ transform: scale(0.9);
589
+ transition: all 0.3s ease;
547
590
  }
548
- .thc svg {
549
- z-index: 6;
550
- position: absolute;
551
- width: 6rem;
552
- height: 6rem;
591
+ .slide-fade-enter-active {
592
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
593
+ }
594
+ .slide-fade-leave-active {
595
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
596
+ }
597
+ .slide-fade-enter-from,
598
+ .slide-fade-leave-to {
599
+ min-height: 0;
600
+ transform: translateX(20px);
601
+ opacity: 0;
553
602
  left: 0;
554
603
  top: 0;
555
604
  }
556
- @media screen and (max-width: 1025px) {
557
- .thc {
558
- transform: scale(0.75) !important;
559
- transform-origin: top right !important;
605
+ .scaleTransition-5px-enter-active,
606
+ .scaleTransition-5px-leave-active {
607
+ transform: translateY(0px);
608
+ opacity: 1;
609
+ z-index: 1;
610
+ transition: all 0.2s ease;
560
611
  }
561
- }.h1-product {
562
- font-size: 3rem;
612
+ .scaleTransition-5px-enter-from,
613
+ .scaleTransition-5px-leave-to {
614
+ opacity: 0;
615
+ z-index: 0;
616
+ position: absolute;
617
+ transform: translateY(-30px);
618
+ transition: all 0.2s ease;
563
619
  }
564
- .produc-data {
565
- padding-top: 2rem;
566
- padding-bottom: 0;
567
- }.main-photo {
568
- max-width: 50%;
620
+ .scaleTransition-enter-from,
621
+ .scaleTransition-leave-to {
622
+ opacity: 0;
623
+ z-index: 0;
624
+ position: absolute;
625
+ width: inherit;
626
+ height: inherit;
627
+ display: block;
628
+ transform: translateY(-30px);
629
+ transition: all 0.5s ease;
569
630
  }
570
- .main-photo img {
571
- width: 100%;
572
- }.round-stat {
573
- padding: 1rem;
574
- border-radius: 5rem;
575
- width: 3rem;
576
- height: 3rem;
577
- display: flex;
578
- justify-content: center;
579
- align-items: center;
580
- border: 1px solid rgba(0, 0, 0, 0.1);
631
+ .scaleTransition-enter-active,
632
+ .scaleTransition-leave-active {
633
+ transform: translateY(0px);
634
+ opacity: 1;
635
+ z-index: 1;
636
+ transition: all 0.5s ease;
581
637
  }
582
- .round-stat-tab {
638
+ .scaleTransition-enter-from,
639
+ .scaleTransition-leave-to {
640
+ opacity: 0;
641
+ z-index: 0;
642
+ position: absolute;
643
+ width: inherit;
644
+ height: inherit;
645
+ display: block;
646
+ transform: translateY(-30px);
647
+ transition: all 0.5s ease;
648
+ }
649
+ .scaleIn-enter-active,
650
+ .scaleIn-leave-active {
651
+ transition: all 0.5s ease;
652
+ }
653
+ .scaleIn-enter-active > section, .scaleIn-enter-active div,
654
+ .scaleIn-leave-active > section,
655
+ .scaleIn-leave-active div {
656
+ transform-origin: 0 0;
657
+ transform: translateZ(0px);
658
+ transition: all 0.5s ease;
659
+ }
660
+ .scaleIn-enter-from,
661
+ .scaleIn-leave-to {
662
+ opacity: 0;
663
+ transform: scale(0.95);
664
+ }
665
+ .scaleIn-enter-from > section, .scaleIn-enter-from div,
666
+ .scaleIn-leave-to > section,
667
+ .scaleIn-leave-to div {
668
+ transform: translateZ(-30px);
669
+ transition: all 0.5s ease;
670
+ }.location-button:hover {
671
+ box-shadow: inset 0 0 0 2px rgb(var(--main));
672
+ }
673
+ .menu-btn {
674
+ display: block;
583
675
  width: 2rem;
584
676
  height: 2rem;
677
+ border-radius: 50%;
678
+ position: relative;
585
679
  }
586
- .order-card {
587
- border-radius: 0.25rem;
588
- overflow: hidden;
589
- box-shadow: 0 8px 8px -8px rgba(36, 36, 36, 0.1);
680
+ .menu-btn span,
681
+ .menu-btn__before,
682
+ .menu-btn__after {
683
+ position: absolute;
684
+ top: 50%;
685
+ margin-top: -1px;
686
+ left: 50%;
687
+ margin-left: -10px;
688
+ width: 20px;
689
+ height: 2px;
590
690
  }
591
- .order-card .order-status {
592
- color: black;
593
- background: #EEF2F6;
594
- width: 100%;
595
- padding: 0.75rem 1.5rem;
596
- margin: 0;
691
+ .menu-btn__before,
692
+ .menu-btn__after {
693
+ display: block;
694
+ transition: 0.2s;
597
695
  }
598
- .order-card .new {
599
- color: white;
600
- background: #00ff88;
696
+ .menu-btn__before {
697
+ transform: translateY(-5px);
601
698
  }
602
- .order-card .block {
603
- border-radius: 0;
604
- border: 0;
699
+ .menu-btn__after {
700
+ transform: translateY(5px);
605
701
  }
606
- /* Add your styles here */
607
- .fade-move,
608
- .fade-enter-active,
609
- .fade-leave-active {
610
- transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
702
+ .menu-btn_active .menu-btn__before {
703
+ transform: rotate(-35deg);
704
+ width: 10px;
705
+ transform-origin: left bottom;
611
706
  }
612
-
613
- /* 2. declare enter from and leave to state */
614
- .fade-enter-from,
615
- .fade-leave-to {
616
- opacity: 0;
617
- transform: scaleY(0.01) translate(30px, 0);
707
+ .menu-btn_active .menu-btn__after {
708
+ transform: rotate(35deg);
709
+ width: 10px;
710
+ transform-origin: left top;
618
711
  }
619
-
620
- /* 3. ensure leaving items are taken out of layout flow so that moving
621
- animations can be calculated correctly. */
622
- .fade-leave-active {
623
- position: absolute;
624
- }.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */
625
- .dp__input {
626
- border: 0;
627
- padding: var(--medium);
628
- padding-left: 3rem;
629
- background: rgb(var(--light));
630
- border-radius: var(--small);
631
- }.container-joinus {
632
- display: flex;
633
- align-items: center;
634
- justify-content: center;
635
- height: 66%;
636
- position: relative;
712
+ .menu-btn_active span:before {
713
+ transform: rotate(-35deg);
714
+ width: 10px;
715
+ transform-origin: left bottom;
637
716
  }
638
- .container-joinus .content {
717
+ .menu-btn_active span:after {
718
+ transform: rotate(35deg);
719
+ width: 10px;
720
+ transform-origin: left top;
721
+ }
722
+ .menu-block {
639
723
  display: flex;
640
- flex-direction: column;
724
+ justify-content: center;
641
725
  align-items: center;
642
- z-index: 2;
643
- }.slider-hotpost .embla__slide {
644
- flex: 0 0 25%;
645
- }
646
- @media screen and (max-width: 1025px) {
647
- .slider-hotpost .embla__slide {
648
- flex: 0 0 75%;
649
726
  }
727
+ .menu-nav {
728
+ background-color: #fff;
729
+ height: 50px;
650
730
  }
651
- .subspotsartment[data-v-a4b9b533] {
652
- border: 1px solid rgba(0, 0, 0, 0.1);
653
- margin-top: 1rem;
731
+ .menu-nav__link {
732
+ display: inline-block;
733
+ text-decoration: none;
734
+ color: #fff;
735
+ margin-right: 20px;
654
736
  }
655
- #map[data-v-3b081dcc]:focus {
656
- outline: none;
737
+ .menu-nav__link {
738
+ transition: 0.5s;
739
+ transform-origin: right center;
740
+ transform: translateX(50%);
741
+ opacity: 0;
657
742
  }
658
- .form-group[data-v-3c991e96] {
743
+ .menu-nav__link_active {
744
+ transform: translateX(0%);
745
+ opacity: 1;
746
+ }#sidebar ul li {
659
747
  margin-bottom: 1rem;
748
+ }.breadcrumbs {
749
+ height: 4rem;
750
+ display: flex;
751
+ align-items: center;
752
+ flex-wrap: nowrap;
660
753
  }
661
- label[data-v-3c991e96] {
662
- display: block;
663
- margin-bottom: 0.5rem;
754
+ .breadcrumbs .home {
755
+ height: 1rem;
664
756
  }
665
- input[data-v-3c991e96] {
666
- width: 100%;
667
- padding: 0.5rem;
668
- border: 1px solid #ccc;
669
- border-radius: 5px;
757
+ .breadcrumbs .chevron {
758
+ height: 0.75rem;
670
759
  }
671
-
672
- .subspotsartment[data-v-bc545dfb] {
673
- border: 1px solid rgba(0, 0, 0, 0.1);
674
- margin-top: 1rem;
760
+ .breadcrumbs a {
761
+ display: flex;
762
+ align-items: center;
763
+ flex-wrap: nowrap;
675
764
  }
676
- .round-wrapper {
677
- position: relative;
765
+ .breadcrumbs a span {
766
+ margin-left: 0.5rem;
767
+ margin-right: 0.5rem;
678
768
  }
679
- .round-wrapper .round {
680
- margin: 0;
681
- margin-right: 1rem;
769
+ .breadcrumbs .router-link-exact-active:last-of-type span {
770
+ color: #00ff88;
682
771
  }
683
- .round-wrapper input:checked {
684
- background: #00ff88;
772
+ .ti-tag-toDefactor {
773
+ background-color: rgb(var(--main));
774
+ color: rgb(var(--black));
775
+ border-radius: 4rem;
776
+ padding: 1px 8px 2px;
777
+ margin: 2px;
778
+ font-size: .85em;
685
779
  }
686
- .round-wrapper .round-checkmark {
687
- position: absolute;
688
- width: 0.5rem;
689
- height: 0.5rem;
690
- background: white;
691
- left: 0.5rem;
692
- top: 0.5rem;
693
- opacity: 1;
694
- }.blink[data-v-d2db1c69] {
695
- animation: blink-animation-d2db1c69 1s ease infinite;
780
+ input[data-v-5659d4ce], textarea[data-v-5659d4ce], span[data-v-5659d4ce] {
781
+ line-height: 1;
782
+ color: inherit;
783
+ }li[data-v-bf25c24d] {
784
+ list-style-type: none;
696
785
  }
697
- @keyframes blink-animation-d2db1c69 {
698
- 0%, 100% {
699
- opacity: 1;
786
+ ul li[data-v-bf25c24d] {
787
+ line-height: 2;
788
+ }.tab-selector {
789
+ position: absolute;
790
+ width: 50%;
791
+ height: 100%;
792
+ left: 0;
793
+ top: 0;
794
+ z-index: 0;
795
+ transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
700
796
  }
701
- 50% {
702
- opacity: 0.8;
797
+ fieldset[disabled] .multiselect {
798
+ pointer-events: none;
703
799
  }
704
- }.vue-select {
705
- width: inherit;
706
- margin-right: 1rem;
800
+ .multiselect__spinner {
801
+ position: absolute;
802
+ right: 1px;
803
+ top: 1px;
804
+ width: 40px;
805
+ height: 38px;
806
+ background: #fff;
807
+ display: block;
808
+ }
809
+ .multiselect__spinner::before,
810
+ .multiselect__spinner::after {
811
+ position: absolute;
812
+ content: "";
813
+ top: 50%;
814
+ left: 50%;
815
+ margin: -8px 0 0 -8px;
816
+ width: 16px;
817
+ height: 16px;
818
+ border-radius: 100%;
819
+ border-color: #41b883 transparent transparent;
820
+ border-style: solid;
821
+ border-width: 2px;
822
+ box-shadow: 0 0 0 1px transparent;
823
+ }
824
+ .multiselect__spinner::before {
825
+ animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
826
+ animation-iteration-count: infinite;
827
+ }
828
+ .multiselect__spinner::after {
829
+ animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
830
+ animation-iteration-count: infinite;
831
+ }
832
+ .multiselect__loading-enter-active,
833
+ .multiselect__loading-leave-active {
834
+ transition: opacity 0.4s ease-in-out;
835
+ opacity: 1;
836
+ }
837
+ .multiselect__loading-enter,
838
+ .multiselect__loading-leave-active {
839
+ opacity: 0;
840
+ }
841
+ .multiselect,
842
+ .multiselect__input,
843
+ .multiselect__single {
844
+ font-family: inherit;
845
+ touch-action: manipulation;
846
+ }
847
+ .multiselect {
848
+ display: block;
849
+ position: relative;
850
+ width: 100%;
851
+ min-height: 40px;
852
+ }
853
+ .multiselect * {
854
+ box-sizing: border-box;
855
+ }
856
+ .multiselect:focus {
857
+ outline: none;
858
+ }
859
+ .multiselect--disabled {
860
+ background: #ededed;
861
+ pointer-events: none;
862
+ opacity: 0.6;
863
+ }
864
+ .multiselect--active {
865
+ z-index: 50;
866
+ }
867
+ .multiselect--active:not(.multiselect--above) .multiselect__current,
868
+ .multiselect--active:not(.multiselect--above) .multiselect__input,
869
+ .multiselect--active:not(.multiselect--above) .multiselect__tags {
870
+ border-bottom-left-radius: 0;
871
+ border-bottom-right-radius: 0;
872
+ }
873
+ .multiselect--active .multiselect__select {
874
+ transform: rotateZ(180deg);
875
+ }
876
+ .multiselect--above.multiselect--active .multiselect__current,
877
+ .multiselect--above.multiselect--active .multiselect__input,
878
+ .multiselect--above.multiselect--active .multiselect__tags {
879
+ border-top-left-radius: 0;
880
+ border-top-right-radius: 0;
881
+ }
882
+ .multiselect__input,
883
+ .multiselect__single,
884
+ .multiselect__placeholder {
885
+ position: relative;
886
+ display: inline-block;
887
+ min-height: 20px;
888
+ line-height: 20px;
889
+ border: none;
890
+ width: calc(100%);
891
+ height: inherit;
892
+ box-sizing: border-box;
893
+ vertical-align: top;
894
+ display: flex;
895
+ align-items: center;
896
+ }
897
+ .multiselect__input::placeholder {
898
+ color: #35495e;
899
+ }
900
+ .multiselect__tag ~ .multiselect__input,
901
+ .multiselect__tag ~ .multiselect__single {
902
+ width: auto;
903
+ }
904
+ .multiselect__input:hover,
905
+ .multiselect__single:hover {
906
+ border-color: #cfcfcf;
907
+ }
908
+ .multiselect__input:focus,
909
+ .multiselect__single:focus {
910
+ border-color: #a8a8a8;
911
+ outline: none;
912
+ }
913
+ .multiselect__tags-wrap {
914
+ display: inline;
915
+ }
916
+ .multiselect__tags {
917
+ display: block;
918
+ height: inherit;
919
+ }
920
+ .multiselect__tag {
921
+ position: relative;
922
+ display: inline-block;
923
+ padding: 4px 26px 4px 10px;
924
+ border-radius: 5px;
925
+ margin-right: 10px;
926
+ color: #fff;
927
+ line-height: 1;
928
+ background: #41b883;
929
+ margin-bottom: 5px;
930
+ white-space: nowrap;
931
+ overflow: hidden;
932
+ max-width: 100%;
933
+ text-overflow: ellipsis;
934
+ }
935
+ .multiselect__tag-icon {
936
+ cursor: pointer;
937
+ margin-left: 7px;
938
+ position: absolute;
939
+ right: 0;
940
+ top: 0;
941
+ bottom: 0;
942
+ font-weight: 700;
943
+ font-style: initial;
944
+ width: 22px;
945
+ text-align: center;
946
+ line-height: 22px;
947
+ transition: all 0.2s ease;
948
+ border-radius: 5px;
949
+ }
950
+ .multiselect__tag-icon::after {
951
+ content: "×";
952
+ color: #266d4d;
953
+ font-size: 14px;
954
+ }
955
+
956
+ /* // Remove these lines to avoid green closing button
957
+ //.multiselect__tag-icon:focus,
958
+ //.multiselect__tag-icon:hover {
959
+ // background: #369a6e;
960
+ //} */
961
+ .multiselect__tag-icon:focus::after,
962
+ .multiselect__tag-icon:hover::after {
963
+ color: white;
964
+ }
965
+ .multiselect__current {
966
+ line-height: 16px;
967
+ min-height: 40px;
968
+ box-sizing: border-box;
969
+ display: block;
970
+ overflow: hidden;
971
+ padding: 8px 12px 0;
972
+ padding-right: 30px;
973
+ white-space: nowrap;
974
+ margin: 0;
975
+ text-decoration: none;
976
+ border-radius: 5px;
977
+ border: 1px solid #e8e8e8;
978
+ cursor: pointer;
979
+ }
980
+ .multiselect__select {
981
+ line-height: 16px;
982
+ display: flex;
983
+ align-items: center;
984
+ justify-content: center;
985
+ position: center;
986
+ position: absolute;
987
+ box-sizing: border-box;
988
+ width: 40px;
989
+ height: 38px;
990
+ right: 1px;
991
+ top: calc( 50% - 19px);
992
+ padding: 4px 8px;
993
+ margin: 0;
994
+ text-decoration: none;
995
+ text-align: center;
996
+ cursor: pointer;
997
+ transition: transform 0.2s ease;
998
+ }
999
+ .multiselect__select::before {
1000
+ position: relative;
1001
+ color: #999;
1002
+ margin-top: 4px;
1003
+ border-style: solid;
1004
+ border-width: 5px 5px 0 5px;
1005
+ border-color: #999 transparent transparent transparent;
1006
+ content: "";
1007
+ }
1008
+ .multiselect--active .multiselect__placeholder {
1009
+ display: none;
1010
+ }
1011
+ .multiselect__content-wrapper {
1012
+ position: absolute;
1013
+ display: block;
1014
+ background: #fff;
1015
+ width: 100%;
1016
+ max-height: 240px;
1017
+ height: min-content;
1018
+ overflow: auto;
1019
+ left: 0;
1020
+ border-top: none;
1021
+ border-bottom-left-radius: 5px;
1022
+ border-bottom-right-radius: 5px;
1023
+ z-index: 50;
1024
+ -webkit-overflow-scrolling: touch;
1025
+ }
1026
+ .multiselect__content {
1027
+ list-style: none;
1028
+ display: inline-block;
1029
+ padding: 0;
1030
+ margin: 0;
1031
+ min-width: 100%;
1032
+ vertical-align: top;
1033
+ }
1034
+ .multiselect--above .multiselect__content-wrapper {
1035
+ bottom: 100%;
1036
+ border-bottom-left-radius: 0;
1037
+ border-bottom-right-radius: 0;
1038
+ border-top-left-radius: 5px;
1039
+ border-top-right-radius: 5px;
1040
+ border-bottom: none;
1041
+ border-top: 1px solid #e8e8e8;
1042
+ }
1043
+ .multiselect__content::-webkit-scrollbar {
1044
+ display: none;
1045
+ }
1046
+ .multiselect__element {
1047
+ display: block;
1048
+ }
1049
+ .multiselect__option {
1050
+ display: block;
1051
+ padding: 12px;
1052
+ min-height: 40px;
1053
+ line-height: 16px;
1054
+ text-decoration: none;
1055
+ text-transform: none;
1056
+ vertical-align: middle;
1057
+ position: relative;
1058
+ cursor: pointer;
1059
+ white-space: nowrap;
1060
+ }
1061
+ .multiselect__option::after {
1062
+ top: 0;
1063
+ right: 0;
1064
+ position: absolute;
1065
+ line-height: 40px;
1066
+ padding-right: 12px;
1067
+ padding-left: 20px;
1068
+ font-size: 13px;
1069
+ }
1070
+ .multiselect__option--highlight {
1071
+ background: rgba(var(--main),0.1);
1072
+ outline: none;
1073
+ }
1074
+ .multiselect__option--highlight::after {
1075
+ content: attr(data-select);
1076
+ }
1077
+ .multiselect__option--selected {
1078
+ background: #f3f3f3;
1079
+ color: #35495e;
1080
+ font-weight: bold;
1081
+ }
1082
+ .multiselect__option--selected::after {
1083
+ content: attr(data-selected);
1084
+ color: silver;
1085
+ background: inherit;
1086
+ }
1087
+ .multiselect__option--selected.multiselect__option--highlight {
1088
+ background: rgba(var(--red),0.1);
1089
+ }
1090
+ .multiselect__option--selected.multiselect__option--highlight::after {
1091
+ content: attr(data-deselect);
1092
+ }
1093
+ .multiselect--disabled .multiselect__current,
1094
+ .multiselect--disabled .multiselect__select {
1095
+ background: #ededed;
1096
+ color: #a6a6a6;
1097
+ }
1098
+ .multiselect__option--disabled {
1099
+ background: #ededed !important;
1100
+ color: #a6a6a6 !important;
1101
+ cursor: text;
1102
+ pointer-events: none;
1103
+ }
1104
+ .multiselect__option--group {
1105
+ background: #ededed;
1106
+ color: #35495e;
1107
+ }
1108
+ .multiselect__option--group.multiselect__option--highlight {
1109
+ background: #35495e;
1110
+ color: #fff;
1111
+ }
1112
+ .multiselect__option--group.multiselect__option--highlight::after {
1113
+ background: #35495e;
1114
+ }
1115
+ .multiselect__option--disabled.multiselect__option--highlight {
1116
+ background: #dedede;
1117
+ }
1118
+ .multiselect__option--group-selected.multiselect__option--highlight {
1119
+ background: #ff6a6a;
1120
+ color: #fff;
1121
+ }
1122
+ .multiselect__option--group-selected.multiselect__option--highlight::after {
1123
+ background: #ff6a6a;
1124
+ content: attr(data-deselect);
1125
+ color: #fff;
1126
+ }
1127
+ .multiselect-enter-active,
1128
+ .multiselect-leave-active {
1129
+ transition: all 0.15s ease;
707
1130
  }
708
- .vue-select-header {
709
- height: 3rem;
710
- }.shop-cart-item[data-v-e9803d20]:first-of-type {
711
- padding-top: 0;
712
- }.shop-cart {
713
- display: block;
714
- position: fixed;
715
- right: -33%;
716
- top: 0;
717
- height: 100%;
718
- width: 33%;
719
- overflow-y: scroll;
1131
+ .multiselect-enter,
1132
+ .multiselect-leave-active {
1133
+ opacity: 0;
720
1134
  }
721
- .shop-cart .shopcart-footer {
722
- position: fixed;
723
- bottom: 0;
724
- width: 33%;
725
- right: -33%;
1135
+ .multiselect__strong {
1136
+ margin-bottom: 8px;
1137
+ line-height: 20px;
1138
+ display: inline-block;
1139
+ vertical-align: top;
726
1140
  }
727
- .shop-cart-active {
728
- right: 0;
1141
+ *[dir="rtl"] .multiselect {
1142
+ text-align: right;
729
1143
  }
730
- .shop-cart-active .shopcart-footer {
731
- right: 0;
1144
+ *[dir="rtl"] .multiselect__select {
1145
+ right: auto;
1146
+ left: 1px;
732
1147
  }
733
- @media screen and (max-width: 1025px) {
734
- .shop-cart {
735
- width: 100%;
736
- right: -100%;
1148
+ *[dir="rtl"] .multiselect__tags {
1149
+ padding: 8px 8px 0 40px;
737
1150
  }
738
- .shop-cart .shopcart-footer {
739
- width: 100%;
740
- right: -100%;
1151
+ *[dir="rtl"] .multiselect__content {
1152
+ text-align: right;
741
1153
  }
742
- .shop-cart-active {
743
- right: 0;
1154
+ *[dir="rtl"] .multiselect__option::after {
1155
+ right: auto;
1156
+ left: 0;
744
1157
  }
745
- .shop-cart-active .shopcart-footer {
746
- right: 0;
1158
+ *[dir="rtl"] .multiselect__clear {
1159
+ right: auto;
1160
+ left: 12px;
747
1161
  }
748
- }.tab-selector {
749
- position: absolute;
750
- width: 50%;
1162
+ *[dir="rtl"] .multiselect__spinner {
1163
+ right: auto;
1164
+ left: 1px;
1165
+ }
1166
+ @keyframes spinning {
1167
+ from {
1168
+ transform: rotate(0);
1169
+ }
1170
+ to {
1171
+ transform: rotate(2turn);
1172
+ }
1173
+ }
1174
+ .no-scroll {
1175
+ overflow: hidden;
1176
+ }
1177
+ .popup-wrapper {
1178
+ display: flex;
1179
+ position: fixed;
1180
+ align-items: center;
1181
+ justify-content: center;
1182
+ width: 100%;
751
1183
  height: 100%;
752
1184
  left: 0;
753
1185
  top: 0;
754
- z-index: 0;
755
- transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
756
- }input[data-v-5659d4ce], textarea[data-v-5659d4ce], span[data-v-5659d4ce] {
757
- line-height: 1;
758
- color: inherit;
1186
+ z-index: 40;
1187
+ }
1188
+ .popup-wrapper .popup {
1189
+ position: absolute;
1190
+ height: auto;
1191
+ padding: 2rem;
1192
+ min-width: 24rem;
1193
+ border-radius: 2rem;
1194
+ overflow: hidden;
1195
+ color: white;
1196
+ background: black;
1197
+ z-index: 40;
1198
+ }
1199
+ .color-overlay {
1200
+ display: block;
1201
+ position: fixed;
1202
+ left: 0;
1203
+ top: 0;
1204
+ width: 100%;
1205
+ height: 100%;
1206
+ background: rgba(0, 0, 0, 0);
1207
+ pointer-events: none;
1208
+ transform: scale(1.5);
1209
+ transition: all 0.5s cubic-bezier(0.31, 0.79, 0.24, 0.92);
1210
+ }
1211
+ .color-overlay.active {
1212
+ background: rgba(0, 0, 0, 0.25);
1213
+ pointer-events: all;
759
1214
  }button[disabled] {
760
1215
  background: grey;
761
1216
  }
@@ -815,164 +1270,64 @@ button[disabled]:hover {
815
1270
  text-align: center;
816
1271
  line-height: 16px;
817
1272
  font-size: 10px;
818
- }.vue3-reactive-tel-input {
819
- display: flex;
820
- }
821
- .vue3-reactive-tel-input.disabled .dropdown, .vue3-reactive-tel-input.disabled .selection, .vue3-reactive-tel-input.disabled input {
822
- cursor: no-drop;
823
- }
824
- .vti__dropdown {
825
- display: flex;
826
- flex-direction: column;
827
- align-content: center;
828
- justify-content: center;
829
- position: relative;
830
- padding: 2px;
831
- cursor: pointer;
832
- }
833
- .vti__dropdown.show {
834
- max-height: 300px;
835
- overflow: scroll;
836
1273
  }
837
- .vti__dropdown-list {
838
- z-index: 1;
839
- padding: 0;
840
- margin: 0;
841
- text-align: left;
842
- list-style: none;
843
- max-height: 200px;
844
- overflow-y: scroll;
845
- position: absolute;
846
- left: -1px;
847
- background-color: #fff;
848
- width: fit-content;
849
- }
850
- .vti__dropdown-list.below {
851
- top: 33px;
852
- }
853
- .vti__dropdown-list.above {
854
- top: auto;
855
- bottom: 100%;
856
- }
857
- .vti__dropdown-arrow {
858
- transform: scaleY(0.5);
859
- display: inline-block;
860
- color: #666;
861
- }
862
- .vti__dropdown-item {
863
- cursor: pointer;
864
- padding: 4px 15px;
865
- }
866
- .vti__dropdown-item.last-preferred {
867
- border-bottom: 1px solid #cacaca;
868
- }
869
- .vti__dropdown-item .vti__flag {
870
- display: inline-block;
871
- margin-right: 5px;
872
- }
873
- .vti__input {
874
- color: inherit;
875
- border: none;
876
- border-radius: 0 2px 2px 0;
877
- width: 100%;
878
- outline: 0;
879
- padding-left: 7px;
880
- }.vue3-marquee {
881
- display: flex !important;
882
- position: relative;
883
- }
884
- .vue3-marquee .marquee {
885
- flex: 0 0 auto;
886
- min-width: var(--min-width);
887
- min-height: var(--min-height);
888
- z-index: 1;
889
- animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
890
- animation-play-state: var(--pauseAnimation);
891
- animation-direction: var(--direction);
892
- }
893
- .vue3-marquee .overlay {
894
- position: absolute;
895
- width: 100%;
896
- height: 100%;
897
- }
898
- .vue3-marquee .overlay:before {
899
- left: 0;
900
- top: 0;
1274
+ .t-trimmed {
1275
+ font-size: 0;
901
1276
  }
902
- .vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
903
- content: "";
1277
+
1278
+ .pac-container {
904
1279
  position: absolute;
905
- z-index: 2;
1280
+ background-color: white;
1281
+ z-index: 1000;
1282
+ border-radius: 2rem;
1283
+ overflow: hidden;
906
1284
  }
907
- .vue3-marquee .transparent-overlay {
1285
+
1286
+ .my-location-button {
908
1287
  position: absolute;
909
- width: 100.5%;
910
- height: 100.5%;
911
- }
912
- .vue3-marquee.horizontal {
913
- overflow-x: hidden !important;
914
- flex-direction: row !important;
915
- width: 100%;
916
- height: max-content;
917
- }
918
- .vue3-marquee.horizontal .marquee {
919
- display: flex;
920
- flex-direction: row;
921
- align-items: center;
922
- }
923
- .vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
924
- background: linear-gradient(to right, var(--gradient-color));
925
- height: 100%;
926
- width: var(--gradient-length);
927
- }
928
- .vue3-marquee.horizontal .overlay::after {
929
- transform: rotateZ(180deg);
930
- right: 0;
931
- top: 0;
932
- }
933
- .vue3-marquee.vertical {
934
- overflow-y: hidden !important;
935
- flex-direction: column !important;
936
- height: 100%;
937
- width: max-content;
938
- }
939
- .vue3-marquee.vertical .marquee {
940
- display: flex;
941
- flex-direction: column;
942
- align-items: center;
943
- }
944
- .vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
945
- background: linear-gradient(to bottom, var(--gradient-color));
946
- height: var(--gradient-length);
947
- width: 100%;
948
- }
949
- .vue3-marquee.vertical .overlay::after {
950
- transform: rotateZ(-180deg);
951
- left: 0;
952
- bottom: 0;
1288
+ right: 10px;
1289
+ top: 10px;
1290
+ z-index: 99;
953
1291
  }
954
- .vue3-marquee:hover div {
955
- animation-play-state: var(--pauseOnHover);
1292
+ .gm-style-cc { display:none;
956
1293
  }
957
- .vue3-marquee:active div {
958
- animation-play-state: var(--pauseOnClick);
1294
+
1295
+
1296
+
1297
+ .feed-move, /* apply transition to moving elements */
1298
+ .feed-enter-active,
1299
+ .feed-leave-active {
1300
+ transition: all 0.5s ease;
959
1301
  }
960
- @keyframes scrollX {
961
- 0% {
962
- transform: translateX(0%);
1302
+ .feed-enter-from,
1303
+ .feed-leave-to {
1304
+ opacity: 0;
1305
+ transform: translateY(30px);
963
1306
  }
964
- 100% {
965
- transform: translateX(-100%);
1307
+
1308
+ /* ensure leaving items are taken out of layout flow so that moving
1309
+ animations can be calculated correctly. */
1310
+ .feed-leave-active {
1311
+ position: absolute;
966
1312
  }
1313
+ .spoiler {
1314
+ transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
967
1315
  }
968
- @keyframes scrollY {
969
- 0% {
970
- transform: translateY(0%);
1316
+ .collapse-enter-active,
1317
+ .collapse-leave-active {
1318
+ max-height: 2000px;
971
1319
  }
972
- 100% {
973
- transform: translateY(-100%);
1320
+ .collapse-enter-from,
1321
+ .collapse-leave-to {
1322
+ max-height: 0;
1323
+ }.mobile-menu-section > div:last-of-type {
1324
+ border-bottom: none !important;
974
1325
  }
1326
+ .subunit[data-v-a2ed7104] {
1327
+ border: 1px solid rgba(0, 0, 0, 0.1);
1328
+ margin-top: 1rem;
975
1329
  }
1330
+
976
1331
  .dropdown-content {
977
1332
  display: block;
978
1333
  position: absolute;
@@ -983,54 +1338,7 @@ button[disabled]:hover {
983
1338
  /*.dropdown:hover .dropdown-content {
984
1339
  display: block;
985
1340
  }*/
986
- .mobile-menu-section > div:last-of-type {
987
- border-bottom: none !important;
988
- }.error-wrapper {
989
- position: fixed;
990
- left: 0;
991
- right: 0;
992
- opacity: 0.9;
993
- }.no-scroll {
994
- overflow: hidden;
995
- }
996
- .popup-wrapper {
997
- display: flex;
998
- position: fixed;
999
- align-items: center;
1000
- justify-content: center;
1001
- width: 100%;
1002
- height: 100%;
1003
- left: 0;
1004
- top: 0;
1005
- z-index: 40;
1006
- }
1007
- .popup-wrapper .popup {
1008
- position: absolute;
1009
- height: auto;
1010
- padding: 2rem;
1011
- min-width: 24rem;
1012
- border-radius: 2rem;
1013
- overflow: hidden;
1014
- color: white;
1015
- background: black;
1016
- z-index: 40;
1017
- }
1018
- .color-overlay {
1019
- display: block;
1020
- position: fixed;
1021
- left: 0;
1022
- top: 0;
1023
- width: 100%;
1024
- height: 100%;
1025
- background: rgba(0, 0, 0, 0);
1026
- pointer-events: none;
1027
- transform: scale(1.5);
1028
- transition: all 0.5s cubic-bezier(0.31, 0.79, 0.24, 0.92);
1029
- }
1030
- .color-overlay.active {
1031
- background: rgba(0, 0, 0, 0.25);
1032
- pointer-events: all;
1033
- }
1341
+
1034
1342
  .circular-loader {
1035
1343
  position: relative;
1036
1344
  top: calc(50% - 1rem);
@@ -1077,538 +1385,323 @@ button[disabled]:hover {
1077
1385
  }
1078
1386
  @keyframes dash {
1079
1387
  0% {
1080
- stroke-dasharray: 1, 200;
1081
- stroke-dashoffset: 0;
1082
- }
1083
- 50% {
1084
- stroke-dasharray: 89, 200;
1085
- stroke-dashoffset: -35;
1086
- }
1087
- 100% {
1088
- stroke-dasharray: 1, 200;
1089
- stroke-dashoffset: -124;
1090
- }
1091
- }
1092
- .header-arrow {
1093
- position: absolute;
1094
- left: 1.25rem;
1095
- height: 2rem;
1096
- }
1097
- .header-profile {
1098
- position: absolute;
1099
- right: 1.25rem;
1100
- height: 2rem;
1101
- }
1102
- .header-shopcart {
1103
- position: absolute;
1104
- right: 4.25rem;
1105
- height: 2rem;
1106
- }
1107
- .header-title {
1108
- pointer-events: none;
1109
- }
1110
- .slideIn-enter-active,
1111
- .slideIn-leave-active {
1112
- transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
1113
- }
1114
- .slideIn-enter-from,
1115
- .slideIn-leave-to {
1116
- opacity: 0;
1117
- transform: translateX(50px);
1118
- }
1119
- .slideIn-enter-from span,
1120
- .slideIn-leave-to span {
1121
- position: absolute;
1122
- }
1123
- .slideY-enter-active,
1124
- .slideY-leave-active {
1125
- transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
1126
- }
1127
- .slideY-enter-from,
1128
- .slideY-leave-to {
1129
- opacity: 0;
1130
- transform: translateY(50px);
1131
- }
1132
- .slideY-enter-from span,
1133
- .slideY-leave-to span {
1134
- position: absolute;
1135
- }li[data-v-bf25c24d] {
1136
- list-style-type: none;
1137
- }
1138
- ul li[data-v-bf25c24d] {
1139
- line-height: 2;
1140
- }.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
1141
- color: rgb(var(--main)) !important;
1142
- }
1143
- a[data-v-380d7b3b]:hover {
1144
- cursor: pointer;
1145
- color: rgb(var(--main));
1146
- }.spoiler {
1147
- transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
1148
- }
1149
- .collapse-enter-active,
1150
- .collapse-leave-active {
1151
- max-height: 2000px;
1152
- }
1153
- .collapse-enter-from,
1154
- .collapse-leave-to {
1155
- max-height: 0;
1156
- }.breadcrumbs {
1157
- height: 4rem;
1158
- display: flex;
1159
- align-items: center;
1160
- flex-wrap: nowrap;
1161
- }
1162
- .breadcrumbs .home {
1163
- height: 1rem;
1164
- }
1165
- .breadcrumbs .chevron {
1166
- height: 0.75rem;
1167
- }
1168
- .breadcrumbs a {
1169
- display: flex;
1170
- align-items: center;
1171
- flex-wrap: nowrap;
1172
- }
1173
- .breadcrumbs a span {
1174
- margin-left: 0.5rem;
1175
- margin-right: 0.5rem;
1176
- }
1177
- .breadcrumbs .router-link-exact-active:last-of-type span {
1178
- color: #00ff88;
1179
- }
1180
- .feed-move, /* apply transition to moving elements */
1181
- .feed-enter-active,
1182
- .feed-leave-active {
1183
- transition: all 0.5s ease;
1184
- }
1185
- .feed-enter-from,
1186
- .feed-leave-to {
1187
- opacity: 0;
1188
- transform: translateY(30px);
1189
- }
1190
-
1191
- /* ensure leaving items are taken out of layout flow so that moving
1192
- animations can be calculated correctly. */
1193
- .feed-leave-active {
1194
- position: absolute;
1195
- }
1196
-
1197
- .pac-container {
1198
- position: absolute;
1199
- background-color: white;
1200
- z-index: 1000;
1201
- border-radius: 2rem;
1202
- overflow: hidden;
1203
- }
1204
-
1205
- .my-location-button {
1206
- position: absolute;
1207
- right: 10px;
1208
- top: 10px;
1209
- z-index: 99;
1210
- }
1211
- .gm-style-cc { display:none;
1212
- }
1213
-
1214
-
1215
-
1216
- .ti-tag-toDefactor {
1217
- background-color: rgb(var(--main));
1218
- color: rgb(var(--black));
1219
- border-radius: 4rem;
1220
- padding: 1px 8px 2px;
1221
- margin: 2px;
1222
- font-size: .85em;
1223
- }
1224
-
1225
- fieldset[disabled] .multiselect {
1226
- pointer-events: none;
1227
- }
1228
- .multiselect__spinner {
1229
- position: absolute;
1230
- right: 1px;
1231
- top: 1px;
1232
- width: 40px;
1233
- height: 38px;
1234
- background: #fff;
1235
- display: block;
1236
- }
1237
- .multiselect__spinner::before,
1238
- .multiselect__spinner::after {
1239
- position: absolute;
1240
- content: "";
1241
- top: 50%;
1242
- left: 50%;
1243
- margin: -8px 0 0 -8px;
1244
- width: 16px;
1245
- height: 16px;
1246
- border-radius: 100%;
1247
- border-color: #41b883 transparent transparent;
1248
- border-style: solid;
1249
- border-width: 2px;
1250
- box-shadow: 0 0 0 1px transparent;
1388
+ stroke-dasharray: 1, 200;
1389
+ stroke-dashoffset: 0;
1251
1390
  }
1252
- .multiselect__spinner::before {
1253
- animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
1254
- animation-iteration-count: infinite;
1391
+ 50% {
1392
+ stroke-dasharray: 89, 200;
1393
+ stroke-dashoffset: -35;
1255
1394
  }
1256
- .multiselect__spinner::after {
1257
- animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
1258
- animation-iteration-count: infinite;
1395
+ 100% {
1396
+ stroke-dasharray: 1, 200;
1397
+ stroke-dashoffset: -124;
1259
1398
  }
1260
- .multiselect__loading-enter-active,
1261
- .multiselect__loading-leave-active {
1262
- transition: opacity 0.4s ease-in-out;
1263
- opacity: 1;
1264
1399
  }
1265
- .multiselect__loading-enter,
1266
- .multiselect__loading-leave-active {
1267
- opacity: 0;
1400
+ .editable-div {
1401
+ width: 100%;
1402
+ min-height: 1rem;
1403
+ background-color: transparent;
1404
+ outline: none;
1405
+ white-space: pre-wrap;
1406
+ word-wrap: break-word;
1268
1407
  }
1269
- .multiselect,
1270
- .multiselect__input,
1271
- .multiselect__single {
1272
- font-family: inherit;
1273
- touch-action: manipulation;
1408
+ .editable-div:empty::before {
1409
+ content: attr(placeholder);
1410
+ color: #999;
1274
1411
  }
1275
- .multiselect {
1276
- display: block;
1277
- position: relative;
1278
- width: 100%;
1279
- min-height: 40px;
1412
+ .editable-div:focus {
1413
+ border: 0;
1280
1414
  }
1281
- .multiselect * {
1282
- box-sizing: border-box;
1415
+ .formatting-bar {
1416
+ display: flex;
1417
+ gap: 5px;
1418
+ margin-top: 5px;
1283
1419
  }
1284
- .multiselect:focus {
1285
- outline: none;
1420
+ .formatting-bar button {
1421
+ padding: 2px 5px;
1422
+ background-color: #f0f0f0;
1423
+ border: 1px solid #ccc;
1424
+ border-radius: 3px;
1425
+ cursor: pointer;
1286
1426
  }
1287
- .multiselect--disabled {
1288
- background: #ededed;
1289
- pointer-events: none;
1290
- opacity: 0.6;
1427
+ .formatting-bar button:hover {
1428
+ background-color: #e0e0e0;
1429
+ }@charset "UTF-8";
1430
+ .ti-icon-check:before {
1431
+ content: "\\e902";
1432
+ font-size: 0.5rem;
1291
1433
  }
1292
- .multiselect--active {
1293
- z-index: 50;
1434
+ .ti-icon-close:before {
1435
+ content: "✕";
1436
+ font-size: 0.5rem;
1294
1437
  }
1295
- .multiselect--active:not(.multiselect--above) .multiselect__current,
1296
- .multiselect--active:not(.multiselect--above) .multiselect__input,
1297
- .multiselect--active:not(.multiselect--above) .multiselect__tags {
1298
- border-bottom-left-radius: 0;
1299
- border-bottom-right-radius: 0;
1438
+ .ti-icon-undo:before {
1439
+ content: "↺";
1440
+ font-size: 0.5rem;
1300
1441
  }
1301
- .multiselect--active .multiselect__select {
1302
- transform: rotateZ(180deg);
1442
+ ul {
1443
+ margin: 0px;
1444
+ padding: 0px;
1445
+ list-style-type: none;
1303
1446
  }
1304
- .multiselect--above.multiselect--active .multiselect__current,
1305
- .multiselect--above.multiselect--active .multiselect__input,
1306
- .multiselect--above.multiselect--active .multiselect__tags {
1307
- border-top-left-radius: 0;
1308
- border-top-right-radius: 0;
1447
+ *, *:before, *:after {
1448
+ box-sizing: border-box;
1309
1449
  }
1310
- .multiselect__input,
1311
- .multiselect__single,
1312
- .multiselect__placeholder {
1313
- position: relative;
1314
- display: inline-block;
1315
- min-height: 20px;
1316
- line-height: 20px;
1317
- border: none;
1318
- width: calc(100%);
1319
- height: inherit;
1320
- box-sizing: border-box;
1321
- vertical-align: top;
1322
- display: flex;
1323
- align-items: center;
1450
+ input:focus {
1451
+ outline: none;
1324
1452
  }
1325
- .multiselect__input::placeholder {
1326
- color: #35495e;
1453
+ input[disabled] {
1454
+ background-color: transparent;
1327
1455
  }
1328
- .multiselect__tag ~ .multiselect__input,
1329
- .multiselect__tag ~ .multiselect__single {
1330
- width: auto;
1456
+ div.vue-tags-input.disabled {
1457
+ opacity: 0.5;
1331
1458
  }
1332
- .multiselect__input:hover,
1333
- .multiselect__single:hover {
1334
- border-color: #cfcfcf;
1459
+ div.vue-tags-input.disabled * {
1460
+ cursor: default;
1335
1461
  }
1336
- .multiselect__input:focus,
1337
- .multiselect__single:focus {
1338
- border-color: #a8a8a8;
1339
- outline: none;
1462
+ .ti-input {
1463
+ display: flex;
1340
1464
  }
1341
- .multiselect__tags-wrap {
1342
- display: inline;
1465
+ .ti-tags {
1466
+ display: flex;
1467
+ flex-wrap: wrap;
1468
+ width: 100%;
1469
+ line-height: 1em;
1343
1470
  }
1344
- .multiselect__tags {
1345
- display: block;
1346
- height: inherit;
1471
+ .ti-tag {
1472
+ background-color: rgb(var(--main));
1473
+ color: rgb(var(--black));
1474
+ border-radius: 4rem;
1475
+ display: flex;
1476
+ padding: 1px 8px 2px;
1477
+ margin: 2px;
1478
+ font-size: 0.85em;
1347
1479
  }
1348
- .multiselect__tag {
1349
- position: relative;
1350
- display: inline-block;
1351
- padding: 4px 26px 4px 10px;
1352
- border-radius: 5px;
1353
- margin-right: 10px;
1354
- color: #fff;
1355
- line-height: 1;
1356
- background: #41b883;
1357
- margin-bottom: 5px;
1358
- white-space: nowrap;
1359
- overflow: hidden;
1360
- max-width: 100%;
1361
- text-overflow: ellipsis;
1480
+ .ti-tag:focus {
1481
+ outline: none;
1362
1482
  }
1363
- .multiselect__tag-icon {
1364
- cursor: pointer;
1365
- margin-left: 7px;
1366
- position: absolute;
1367
- right: 0;
1368
- top: 0;
1369
- bottom: 0;
1370
- font-weight: 700;
1371
- font-style: initial;
1372
- width: 22px;
1373
- text-align: center;
1374
- line-height: 22px;
1375
- transition: all 0.2s ease;
1376
- border-radius: 5px;
1483
+ .ti-tag .ti-content {
1484
+ display: flex;
1485
+ align-items: center;
1377
1486
  }
1378
- .multiselect__tag-icon::after {
1379
- content: "×";
1380
- color: #266d4d;
1381
- font-size: 14px;
1487
+ .ti-tag .ti-tag-center {
1488
+ position: relative;
1382
1489
  }
1383
-
1384
- /* // Remove these lines to avoid green closing button
1385
- //.multiselect__tag-icon:focus,
1386
- //.multiselect__tag-icon:hover {
1387
- // background: #369a6e;
1388
- //} */
1389
- .multiselect__tag-icon:focus::after,
1390
- .multiselect__tag-icon:hover::after {
1391
- color: white;
1490
+ .ti-tag span {
1491
+ line-height: 0.85em;
1392
1492
  }
1393
- .multiselect__current {
1394
- line-height: 16px;
1395
- min-height: 40px;
1396
- box-sizing: border-box;
1397
- display: block;
1398
- overflow: hidden;
1399
- padding: 8px 12px 0;
1400
- padding-right: 30px;
1401
- white-space: nowrap;
1402
- margin: 0;
1403
- text-decoration: none;
1404
- border-radius: 5px;
1405
- border: 1px solid #e8e8e8;
1406
- cursor: pointer;
1493
+ .ti-tag span.ti-hidden {
1494
+ padding-left: 14px;
1495
+ visibility: hidden;
1496
+ height: 0px;
1497
+ white-space: pre;
1407
1498
  }
1408
- .multiselect__select {
1409
- line-height: 16px;
1410
- display: flex;
1411
- align-items: center;
1412
- justify-content: center;
1413
- position: center;
1414
- position: absolute;
1415
- box-sizing: border-box;
1416
- width: 40px;
1417
- height: 38px;
1418
- right: 1px;
1419
- top: calc( 50% - 19px);
1420
- padding: 4px 8px;
1421
- margin: 0;
1422
- text-decoration: none;
1423
- text-align: center;
1424
- cursor: pointer;
1425
- transition: transform 0.2s ease;
1499
+ .ti-tag .ti-actions {
1500
+ margin-left: 2px;
1501
+ display: flex;
1502
+ align-items: center;
1503
+ font-size: 1.15em;
1426
1504
  }
1427
- .multiselect__select::before {
1428
- position: relative;
1429
- color: #999;
1430
- margin-top: 4px;
1431
- border-style: solid;
1432
- border-width: 5px 5px 0 5px;
1433
- border-color: #999 transparent transparent transparent;
1434
- content: "";
1505
+ .ti-tag .ti-actions i {
1506
+ cursor: pointer;
1435
1507
  }
1436
- .multiselect--active .multiselect__placeholder {
1437
- display: none;
1508
+ .ti-tag:last-child {
1509
+ margin-right: 4px;
1510
+ }
1511
+ .ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
1512
+ background-color: #e54d42;
1513
+ }
1514
+ .ti-new-tag-input-wrapper {
1515
+ display: flex;
1516
+ flex: 1 0 auto;
1517
+ padding: 3px 5px;
1518
+ margin: 2px;
1519
+ font-size: 0.85em;
1438
1520
  }
1439
- .multiselect__content-wrapper {
1440
- position: absolute;
1441
- display: block;
1442
- background: #fff;
1443
- width: 100%;
1444
- max-height: 240px;
1445
- height: min-content;
1446
- overflow: auto;
1447
- left: 0;
1448
- border-top: none;
1449
- border-bottom-left-radius: 5px;
1450
- border-bottom-right-radius: 5px;
1451
- z-index: 50;
1452
- -webkit-overflow-scrolling: touch;
1521
+ .ti-new-tag-input-wrapper input {
1522
+ flex: 1 0 auto;
1523
+ min-width: 100px;
1524
+ border: none;
1525
+ padding: 0px;
1526
+ margin: 0px;
1453
1527
  }
1454
- .multiselect__content {
1455
- list-style: none;
1456
- display: inline-block;
1457
- padding: 0;
1458
- margin: 0;
1459
- min-width: 100%;
1460
- vertical-align: top;
1528
+ .ti-new-tag-input {
1529
+ line-height: initial;
1461
1530
  }
1462
- .multiselect--above .multiselect__content-wrapper {
1463
- bottom: 100%;
1464
- border-bottom-left-radius: 0;
1465
- border-bottom-right-radius: 0;
1466
- border-top-left-radius: 5px;
1467
- border-top-right-radius: 5px;
1468
- border-bottom: none;
1469
- border-top: 1px solid #e8e8e8;
1531
+ .ti-autocomplete {
1532
+ border-top: none;
1533
+ position: absolute;
1534
+ width: 100%;
1535
+ left: 0;
1536
+ top: 110%;
1537
+ z-index: 20;
1470
1538
  }
1471
- .multiselect__content::-webkit-scrollbar {
1472
- display: none;
1539
+ .ti-item > div {
1540
+ cursor: pointer;
1541
+ padding: 3px 6px;
1542
+ width: 100%;
1473
1543
  }
1474
- .multiselect__element {
1475
- display: block;
1544
+ .ti-selected-item {
1545
+ background-color: rgb(var(--main));
1546
+ color: #fff;
1547
+ }.vue3-reactive-tel-input {
1548
+ display: flex;
1476
1549
  }
1477
- .multiselect__option {
1478
- display: block;
1479
- padding: 12px;
1480
- min-height: 40px;
1481
- line-height: 16px;
1482
- text-decoration: none;
1483
- text-transform: none;
1484
- vertical-align: middle;
1485
- position: relative;
1486
- cursor: pointer;
1487
- white-space: nowrap;
1550
+ .vue3-reactive-tel-input.disabled .dropdown, .vue3-reactive-tel-input.disabled .selection, .vue3-reactive-tel-input.disabled input {
1551
+ cursor: no-drop;
1488
1552
  }
1489
- .multiselect__option::after {
1490
- top: 0;
1491
- right: 0;
1492
- position: absolute;
1493
- line-height: 40px;
1494
- padding-right: 12px;
1495
- padding-left: 20px;
1496
- font-size: 13px;
1553
+ .vti__dropdown {
1554
+ display: flex;
1555
+ flex-direction: column;
1556
+ align-content: center;
1557
+ justify-content: center;
1558
+ position: relative;
1559
+ padding: 2px;
1560
+ cursor: pointer;
1497
1561
  }
1498
- .multiselect__option--highlight {
1499
- background: rgba(var(--main),0.1);
1500
- outline: none;
1562
+ .vti__dropdown.show {
1563
+ max-height: 300px;
1564
+ overflow: scroll;
1501
1565
  }
1502
- .multiselect__option--highlight::after {
1503
- content: attr(data-select);
1566
+ .vti__dropdown-list {
1567
+ z-index: 1;
1568
+ padding: 0;
1569
+ margin: 0;
1570
+ text-align: left;
1571
+ list-style: none;
1572
+ max-height: 200px;
1573
+ overflow-y: scroll;
1574
+ position: absolute;
1575
+ left: -1px;
1576
+ background-color: #fff;
1577
+ width: fit-content;
1504
1578
  }
1505
- .multiselect__option--selected {
1506
- background: #f3f3f3;
1507
- color: #35495e;
1508
- font-weight: bold;
1579
+ .vti__dropdown-list.below {
1580
+ top: 33px;
1509
1581
  }
1510
- .multiselect__option--selected::after {
1511
- content: attr(data-selected);
1512
- color: silver;
1513
- background: inherit;
1582
+ .vti__dropdown-list.above {
1583
+ top: auto;
1584
+ bottom: 100%;
1514
1585
  }
1515
- .multiselect__option--selected.multiselect__option--highlight {
1516
- background: rgba(var(--red),0.1);
1586
+ .vti__dropdown-arrow {
1587
+ transform: scaleY(0.5);
1588
+ display: inline-block;
1589
+ color: #666;
1517
1590
  }
1518
- .multiselect__option--selected.multiselect__option--highlight::after {
1519
- content: attr(data-deselect);
1591
+ .vti__dropdown-item {
1592
+ cursor: pointer;
1593
+ padding: 4px 15px;
1520
1594
  }
1521
- .multiselect--disabled .multiselect__current,
1522
- .multiselect--disabled .multiselect__select {
1523
- background: #ededed;
1524
- color: #a6a6a6;
1595
+ .vti__dropdown-item.last-preferred {
1596
+ border-bottom: 1px solid #cacaca;
1525
1597
  }
1526
- .multiselect__option--disabled {
1527
- background: #ededed !important;
1528
- color: #a6a6a6 !important;
1529
- cursor: text;
1530
- pointer-events: none;
1598
+ .vti__dropdown-item .vti__flag {
1599
+ display: inline-block;
1600
+ margin-right: 5px;
1531
1601
  }
1532
- .multiselect__option--group {
1533
- background: #ededed;
1534
- color: #35495e;
1602
+ .vti__input {
1603
+ color: inherit;
1604
+ border: none;
1605
+ border-radius: 0 2px 2px 0;
1606
+ width: 100%;
1607
+ outline: 0;
1608
+ padding-left: 7px;
1609
+ }.vue3-marquee {
1610
+ display: flex !important;
1611
+ position: relative;
1535
1612
  }
1536
- .multiselect__option--group.multiselect__option--highlight {
1537
- background: #35495e;
1538
- color: #fff;
1613
+ .vue3-marquee .marquee {
1614
+ flex: 0 0 auto;
1615
+ min-width: var(--min-width);
1616
+ min-height: var(--min-height);
1617
+ z-index: 1;
1618
+ animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
1619
+ animation-play-state: var(--pauseAnimation);
1620
+ animation-direction: var(--direction);
1539
1621
  }
1540
- .multiselect__option--group.multiselect__option--highlight::after {
1541
- background: #35495e;
1622
+ .vue3-marquee .overlay {
1623
+ position: absolute;
1624
+ width: 100%;
1625
+ height: 100%;
1542
1626
  }
1543
- .multiselect__option--disabled.multiselect__option--highlight {
1544
- background: #dedede;
1627
+ .vue3-marquee .overlay:before {
1628
+ left: 0;
1629
+ top: 0;
1545
1630
  }
1546
- .multiselect__option--group-selected.multiselect__option--highlight {
1547
- background: #ff6a6a;
1548
- color: #fff;
1631
+ .vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
1632
+ content: "";
1633
+ position: absolute;
1634
+ z-index: 2;
1549
1635
  }
1550
- .multiselect__option--group-selected.multiselect__option--highlight::after {
1551
- background: #ff6a6a;
1552
- content: attr(data-deselect);
1553
- color: #fff;
1636
+ .vue3-marquee .transparent-overlay {
1637
+ position: absolute;
1638
+ width: 100.5%;
1639
+ height: 100.5%;
1554
1640
  }
1555
- .multiselect-enter-active,
1556
- .multiselect-leave-active {
1557
- transition: all 0.15s ease;
1641
+ .vue3-marquee.horizontal {
1642
+ overflow-x: hidden !important;
1643
+ flex-direction: row !important;
1644
+ width: 100%;
1645
+ height: max-content;
1558
1646
  }
1559
- .multiselect-enter,
1560
- .multiselect-leave-active {
1561
- opacity: 0;
1647
+ .vue3-marquee.horizontal .marquee {
1648
+ display: flex;
1649
+ flex-direction: row;
1650
+ align-items: center;
1562
1651
  }
1563
- .multiselect__strong {
1564
- margin-bottom: 8px;
1565
- line-height: 20px;
1566
- display: inline-block;
1567
- vertical-align: top;
1652
+ .vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
1653
+ background: linear-gradient(to right, var(--gradient-color));
1654
+ height: 100%;
1655
+ width: var(--gradient-length);
1568
1656
  }
1569
- *[dir="rtl"] .multiselect {
1570
- text-align: right;
1657
+ .vue3-marquee.horizontal .overlay::after {
1658
+ transform: rotateZ(180deg);
1659
+ right: 0;
1660
+ top: 0;
1571
1661
  }
1572
- *[dir="rtl"] .multiselect__select {
1573
- right: auto;
1574
- left: 1px;
1662
+ .vue3-marquee.vertical {
1663
+ overflow-y: hidden !important;
1664
+ flex-direction: column !important;
1665
+ height: 100%;
1666
+ width: max-content;
1575
1667
  }
1576
- *[dir="rtl"] .multiselect__tags {
1577
- padding: 8px 8px 0 40px;
1668
+ .vue3-marquee.vertical .marquee {
1669
+ display: flex;
1670
+ flex-direction: column;
1671
+ align-items: center;
1578
1672
  }
1579
- *[dir="rtl"] .multiselect__content {
1580
- text-align: right;
1673
+ .vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
1674
+ background: linear-gradient(to bottom, var(--gradient-color));
1675
+ height: var(--gradient-length);
1676
+ width: 100%;
1581
1677
  }
1582
- *[dir="rtl"] .multiselect__option::after {
1583
- right: auto;
1584
- left: 0;
1678
+ .vue3-marquee.vertical .overlay::after {
1679
+ transform: rotateZ(-180deg);
1680
+ left: 0;
1681
+ bottom: 0;
1585
1682
  }
1586
- *[dir="rtl"] .multiselect__clear {
1587
- right: auto;
1588
- left: 12px;
1683
+ .vue3-marquee:hover div {
1684
+ animation-play-state: var(--pauseOnHover);
1589
1685
  }
1590
- *[dir="rtl"] .multiselect__spinner {
1591
- right: auto;
1592
- left: 1px;
1686
+ .vue3-marquee:active div {
1687
+ animation-play-state: var(--pauseOnClick);
1593
1688
  }
1594
- @keyframes spinning {
1595
- from {
1596
- transform: rotate(0);
1689
+ @keyframes scrollX {
1690
+ 0% {
1691
+ transform: translateX(0%);
1597
1692
  }
1598
- to {
1599
- transform: rotate(2turn);
1693
+ 100% {
1694
+ transform: translateX(-100%);
1600
1695
  }
1601
1696
  }
1602
-
1603
- .t-trimmed {
1604
- font-size: 0;
1697
+ @keyframes scrollY {
1698
+ 0% {
1699
+ transform: translateY(0%);
1700
+ }
1701
+ 100% {
1702
+ transform: translateY(-100%);
1605
1703
  }
1606
-
1607
- .subunit[data-v-a2ed7104] {
1608
- border: 1px solid rgba(0, 0, 0, 0.1);
1609
- margin-top: 1rem;
1610
1704
  }
1611
-
1612
1705
  .photo-container {
1613
1706
  width: 100%;
1614
1707
  height: 100%;
@@ -1628,36 +1721,7 @@ to {
1628
1721
  width: 100%;
1629
1722
  height: 100%;
1630
1723
  }
1631
- .editable-div {
1632
- width: 100%;
1633
- min-height: 1rem;
1634
- background-color: transparent;
1635
- outline: none;
1636
- white-space: pre-wrap;
1637
- word-wrap: break-word;
1638
- }
1639
- .editable-div:empty::before {
1640
- content: attr(placeholder);
1641
- color: #999;
1642
- }
1643
- .editable-div:focus {
1644
- border: 0;
1645
- }
1646
- .formatting-bar {
1647
- display: flex;
1648
- gap: 5px;
1649
- margin-top: 5px;
1650
- }
1651
- .formatting-bar button {
1652
- padding: 2px 5px;
1653
- background-color: #f0f0f0;
1654
- border: 1px solid #ccc;
1655
- border-radius: 3px;
1656
- cursor: pointer;
1657
- }
1658
- .formatting-bar button:hover {
1659
- background-color: #e0e0e0;
1660
- }
1724
+
1661
1725
  .calendar__week {
1662
1726
  display: grid;
1663
1727
  grid-template-columns: repeat(7, 1fr);
@@ -1768,152 +1832,83 @@ h3[data-v-c7a21d03], div[data-v-c7a21d03] {
1768
1832
  .modal-enter[data-v-2fc13a78], .modal-leave-to[data-v-2fc13a78] {
1769
1833
  opacity: 0;
1770
1834
  }
1771
- @charset "UTF-8";
1772
- .ti-icon-check:before {
1773
- content: "\\e902";
1774
- font-size: 0.5rem;
1775
- }
1776
- .ti-icon-close:before {
1777
- content: "✕";
1778
- font-size: 0.5rem;
1779
- }
1780
- .ti-icon-undo:before {
1781
- content: "↺";
1782
- font-size: 0.5rem;
1783
- }
1784
- ul {
1785
- margin: 0px;
1786
- padding: 0px;
1787
- list-style-type: none;
1788
- }
1789
- *, *:before, *:after {
1790
- box-sizing: border-box;
1791
- }
1792
- input:focus {
1793
- outline: none;
1794
- }
1795
- input[disabled] {
1796
- background-color: transparent;
1835
+
1836
+ /* Стили остаются без изменений */
1837
+ .blink[data-v-5785b6f6] {
1838
+ animation: blink-animation-5785b6f6 1s ease infinite;
1797
1839
  }
1798
- div.vue-tags-input.disabled {
1799
- opacity: 0.5;
1840
+ @keyframes blink-animation-5785b6f6 {
1841
+ 0%, 100% {
1842
+ opacity: 1;
1800
1843
  }
1801
- div.vue-tags-input.disabled * {
1802
- cursor: default;
1844
+ 50% {
1845
+ opacity: 0.8;
1803
1846
  }
1804
- .ti-input {
1805
- display: flex;
1806
1847
  }
1807
- .ti-tags {
1808
- display: flex;
1809
- flex-wrap: wrap;
1848
+ .gmap[data-v-786189a4] {
1849
+ height: 300px;
1810
1850
  width: 100%;
1811
- line-height: 1em;
1812
- }
1813
- .ti-tag {
1814
- background-color: rgb(var(--main));
1815
- color: rgb(var(--black));
1816
- border-radius: 4rem;
1817
- display: flex;
1818
- padding: 1px 8px 2px;
1819
- margin: 2px;
1820
- font-size: 0.85em;
1821
- }
1822
- .ti-tag:focus {
1823
- outline: none;
1824
- }
1825
- .ti-tag .ti-content {
1826
- display: flex;
1827
- align-items: center;
1828
1851
  }
1829
- .ti-tag .ti-tag-center {
1830
- position: relative;
1852
+ .card-page-title .card-page-actions {
1853
+ display: none;
1831
1854
  }
1832
- .ti-tag span {
1833
- line-height: 0.85em;
1855
+ .card-page-title:hover .card-page-actions {
1856
+ display: block;
1857
+ }.error-wrapper {
1858
+ position: fixed;
1859
+ left: 0;
1860
+ right: 0;
1861
+ opacity: 0.9;
1862
+ }.header-arrow {
1863
+ position: absolute;
1864
+ left: 1.25rem;
1865
+ height: 2rem;
1834
1866
  }
1835
- .ti-tag span.ti-hidden {
1836
- padding-left: 14px;
1837
- visibility: hidden;
1838
- height: 0px;
1839
- white-space: pre;
1867
+ .header-profile {
1868
+ position: absolute;
1869
+ right: 1.25rem;
1870
+ height: 2rem;
1840
1871
  }
1841
- .ti-tag .ti-actions {
1842
- margin-left: 2px;
1843
- display: flex;
1844
- align-items: center;
1845
- font-size: 1.15em;
1872
+ .header-shopcart {
1873
+ position: absolute;
1874
+ right: 4.25rem;
1875
+ height: 2rem;
1846
1876
  }
1847
- .ti-tag .ti-actions i {
1848
- cursor: pointer;
1877
+ .header-title {
1878
+ pointer-events: none;
1849
1879
  }
1850
- .ti-tag:last-child {
1851
- margin-right: 4px;
1880
+ .slideIn-enter-active,
1881
+ .slideIn-leave-active {
1882
+ transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
1852
1883
  }
1853
- .ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
1854
- background-color: #e54d42;
1884
+ .slideIn-enter-from,
1885
+ .slideIn-leave-to {
1886
+ opacity: 0;
1887
+ transform: translateX(50px);
1855
1888
  }
1856
- .ti-new-tag-input-wrapper {
1857
- display: flex;
1858
- flex: 1 0 auto;
1859
- padding: 3px 5px;
1860
- margin: 2px;
1861
- font-size: 0.85em;
1889
+ .slideIn-enter-from span,
1890
+ .slideIn-leave-to span {
1891
+ position: absolute;
1862
1892
  }
1863
- .ti-new-tag-input-wrapper input {
1864
- flex: 1 0 auto;
1865
- min-width: 100px;
1866
- border: none;
1867
- padding: 0px;
1868
- margin: 0px;
1893
+ .slideY-enter-active,
1894
+ .slideY-leave-active {
1895
+ transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
1869
1896
  }
1870
- .ti-new-tag-input {
1871
- line-height: initial;
1897
+ .slideY-enter-from,
1898
+ .slideY-leave-to {
1899
+ opacity: 0;
1900
+ transform: translateY(50px);
1872
1901
  }
1873
- .ti-autocomplete {
1874
- border-top: none;
1902
+ .slideY-enter-from span,
1903
+ .slideY-leave-to span {
1875
1904
  position: absolute;
1876
- width: 100%;
1877
- left: 0;
1878
- top: 110%;
1879
- z-index: 20;
1905
+ }.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
1906
+ color: rgb(var(--main)) !important;
1880
1907
  }
1881
- .ti-item > div {
1908
+ a[data-v-380d7b3b]:hover {
1882
1909
  cursor: pointer;
1883
- padding: 3px 6px;
1884
- width: 100%;
1885
- }
1886
- .ti-selected-item {
1887
- background-color: rgb(var(--main));
1888
- color: #fff;
1889
- }.card-page-title .card-page-actions {
1890
- display: none;
1891
- }
1892
- .card-page-title:hover .card-page-actions {
1893
- display: block;
1894
- }
1895
- .gmap[data-v-786189a4] {
1896
- height: 300px;
1897
- width: 100%;
1898
- }
1899
- .blink[data-v-5785b6f6] {
1900
- animation: blink-animation-5785b6f6 1s ease infinite;
1901
- }
1902
- @keyframes blink-animation-5785b6f6 {
1903
- 0%, 100% {
1904
- opacity: 1;
1905
- }
1906
- 50% {
1907
- opacity: 0.8;
1908
- }
1909
- }
1910
- /* Стили остаются без изменений */
1911
-
1912
- .address[data-v-97ae0556] {
1913
- text-wrap: nowrap;
1914
- display: block;
1910
+ color: rgb(var(--main));
1915
1911
  }
1916
-
1917
1912
  .tooltip-container {
1918
1913
  position: relative;
1919
1914
  display: inline-block;
@@ -1927,6 +1922,11 @@ div.vue-tags-input.disabled * {
1927
1922
  flex-direction: column;
1928
1923
  }
1929
1924
 
1925
+ .address[data-v-97ae0556] {
1926
+ text-wrap: nowrap;
1927
+ display: block;
1928
+ }
1929
+
1930
1930
  .barcode-scanner-modal {
1931
1931
  visibility: visible;
1932
1932
  position: fixed;
@@ -1956,16 +1956,17 @@ div.vue-tags-input.disabled * {
1956
1956
  }
1957
1957
 
1958
1958
  /* Existing styles */
1959
- body.barcode-scanner-active {
1959
+ /*body.barcode-scanner-active {
1960
1960
  visibility: hidden !important;
1961
1961
  background: transparent !important;
1962
1962
  --background: transparent;
1963
1963
  --ion-background-color: transparent;
1964
- opacity: 0;
1965
- }
1966
- html.barcode-scanner-active-html {
1964
+ opacity: 0;
1965
+ }*/
1966
+
1967
+ /*html.barcode-scanner-active-html {
1967
1968
  background: transparent !important;
1968
- }
1969
+ }*/
1969
1970
 
1970
1971
  .list-enter-active,
1971
1972
  .list-leave-active {