@ozdao/prometheus-framework 0.2.315 → 0.2.317

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