@ozdao/martyrs 0.2.602 → 0.2.603

package/dist/style.css

@@ -105,17 +105,17 @@ input[type="time"][data-v-ba38e654]::-webkit-calendar-picker-indicator {
   opacity: 1;
   color: inherit;
 }
-button[disabled] {
+button[disabled][data-v-8d15c58c] {
   opacity: 0.75 !important;
   pointer-events: none !important;
   cursor: default !important;
   color: rgba(var(--dark), 0.33) !important;
   background: rgba(var(--light), 1) !important;
 }
-a.button {
+a.button[data-v-8d15c58c] {
   text-box: trim-both cap alphabetic;
 }
-.button {
+.button[data-v-8d15c58c] {
   position: relative;
   display: flex;
   padding: var(--small);
@@ -131,22 +131,22 @@ a.button {
   letter-spacing: 5%;
   transition: all 0.33s ease;
 }
-.button:hover {
+.button[data-v-8d15c58c]:hover {
   cursor: pointer;
   opacity: 0.9;
 }
-.button:active {
+.button[data-v-8d15c58c]:active {
   transform: scale(0.95);
 }
-.button-small {
+.button-small[data-v-8d15c58c] {
   padding: 0.75rem;
   border-radius: 0.5rem;
   height: fit-content;
 }
-.button .button-counter {
+.button .button-counter[data-v-8d15c58c] {
   position: absolute;
-  right: -8px;
-  bottom: -8px;
+  right: 0px;
+  bottom: 0px;
   background: yellow;
   height: 16px;
   border-radius: 16px;
@@ -156,7 +156,7 @@ a.button {
   line-height: 16px;
   font-size: 10px;
 }
-.button-content {
+.button-content[data-v-8d15c58c] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -165,11 +165,11 @@ a.button {
   opacity: 1;
   transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.button-content.hidden {
+.button-content.hidden[data-v-8d15c58c] {
   opacity: 0;
   transform: translateY(4px);
 }
-.button-loader {
+.button-loader[data-v-8d15c58c] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -181,27 +181,27 @@ a.button {
   transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.25s cubic-bezier(0, 0, 0.2, 1) 0.05s;
   pointer-events: none;
 }
-.button-loader.active {
+.button-loader.active[data-v-8d15c58c] {
   opacity: 1;
   transform: translateY(0);
 }
-.button-loader .dot {
+.button-loader .dot[data-v-8d15c58c] {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: currentColor;
-  animation: dot-bounce 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  animation: dot-bounce-8d15c58c 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }
-.button-loader .dot:nth-child(1) {
+.button-loader .dot[data-v-8d15c58c]:nth-child(1) {
   animation-delay: 0s;
 }
-.button-loader .dot:nth-child(2) {
+.button-loader .dot[data-v-8d15c58c]:nth-child(2) {
   animation-delay: 0.12s;
 }
-.button-loader .dot:nth-child(3) {
+.button-loader .dot[data-v-8d15c58c]:nth-child(3) {
   animation-delay: 0.24s;
 }
-@keyframes dot-bounce {
+@keyframes dot-bounce-8d15c58c {
 0%, 100% {
     transform: translateY(0);
 }
@@ -209,7 +209,7 @@ a.button {
     transform: translateY(-5px);
 }
 }
-.button-success {
+.button-success[data-v-8d15c58c] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -220,11 +220,11 @@ a.button {
   transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1);
   pointer-events: none;
 }
-.button-success.active {
+.button-success.active[data-v-8d15c58c] {
   opacity: 1;
   transform: translateY(0);
 }
-.button-error {
+.button-error[data-v-8d15c58c] {
   position: absolute;
   inset: 0;
   display: flex;
@@ -235,7 +235,7 @@ a.button {
   transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1);
   pointer-events: none;
 }
-.button-error.active {
+.button-error.active[data-v-8d15c58c] {
   opacity: 1;
   transform: translateY(0);
 }.slide-fade-enter-active {
@@ -557,878 +557,932 @@ ul li[data-v-af5048fc] {
   opacity: 0;
   left: 0;
   top: 0;
-}.input-error {
-  border: 1px solid red;
-  box-shadow: 0 0 3px 0 red;
-}.slide-fade-enter-active,
-.slide-fade-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  position: absolute;
-  transform: translateX(20px);
-  opacity: 0;
-  left: 0;
-  top: 0;
-}.vue3-marquee {
-  display: flex !important;
-  position: relative;
-  will-change: transform;
-  transform: translateZ(0);
-  backface-visibility: hidden;
-}
-.vue3-marquee .marquee {
-  flex: 0 0 auto;
-  min-width: var(--min-width);
-  min-height: var(--min-height);
-  z-index: 1;
-  animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
-  animation-play-state: var(--pauseAnimation);
-  animation-direction: var(--direction);
-}
-.vue3-marquee .overlay {
+}.error-wrapper {
   position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.vue3-marquee .overlay:before {
   left: 0;
-  top: 0;
-}
-.vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
-  content: "";
-  position: absolute;
-  z-index: 2;
+  right: 0;
+}.snack-wrapper {
+  position: fixed;
+  bottom: var(--gap);
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1000;
+  animation: slideUp 0.3s ease-out;
 }
-.vue3-marquee .transparent-overlay {
-  position: absolute;
-  width: 100.5%;
-  height: 100.5%;
+@keyframes slideUp {
+from {
+    transform: translateX(-50%) translateY(100%);
+    opacity: 0;
 }
-.vue3-marquee.horizontal {
-  overflow-x: hidden !important;
-  overflow-y: hidden !important;
-  flex-direction: row !important;
-  width: 100%;
-  height: max-content;
+to {
+    transform: translateX(-50%) translateY(0);
+    opacity: 1;
 }
-.vue3-marquee.horizontal .marquee {
+}.breadcrumbs {
+  height: 4rem;
   display: flex;
-  flex-direction: row;
   align-items: center;
+  flex-wrap: nowrap;
 }
-.vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
-  background: linear-gradient(to right, var(--gradient-color), transparent);
-  height: 100%;
-  width: var(--gradient-length);
-}
-.vue3-marquee.horizontal .overlay::after {
-  transform: rotateZ(180deg);
-  right: 0;
-  top: 0;
+.breadcrumbs .home {
+  height: 1rem;
 }
-.vue3-marquee.vertical {
-  overflow-y: hidden !important;
-  overflow-x: hidden !important;
-  flex-direction: column !important;
-  height: 100%;
-  width: max-content;
+.breadcrumbs .chevron {
+  height: 0.75rem;
 }
-.vue3-marquee.vertical .marquee {
+.breadcrumbs a {
   display: flex;
-  flex-direction: column;
   align-items: center;
+  flex-wrap: nowrap;
 }
-.vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
-  background: linear-gradient(to bottom, var(--gradient-color), transparent);
-  height: var(--gradient-length);
-  width: 100%;
-}
-.vue3-marquee.vertical .overlay::after {
-  transform: rotateZ(-180deg);
-  left: 0;
-  bottom: 0;
-}
-.vue3-marquee:hover div {
-  animation-play-state: var(--pauseOnHover);
-}
-.vue3-marquee:active div {
-  animation-play-state: var(--pauseOnClick);
-}
-@keyframes scrollX {
-0% {
-    transform: translate3d(0, 0, 0);
+.breadcrumbs a span {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
 }
-100% {
-    transform: translate3d(-100%, 0, 0);
+.breadcrumbs .router-link-exact-active:last-of-type span {
+  color: #00ff88;
+}.header-shopcart {
+  position: absolute;
+  right: 4.25rem;
 }
+.header-title {
+  pointer-events: none;
 }
-@keyframes scrollY {
-0% {
-    transform: translate3d(0, 0, 0);
+.slideIn-enter-active,
+.slideIn-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
 }
-100% {
-    transform: translate3d(0, -100%, 0);
+.slideIn-enter-from,
+.slideIn-leave-to {
+  opacity: 0;
+  transform: translateX(10px);
 }
-}.selector {
-  flex-grow: 1;
-  flex-basis: 0;
-  min-width: 0;
+.slideIn-enter-from span,
+.slideIn-leave-to span {
+  position: absolute;
 }
-/* Стили для режима загрузки */
-.skeleton-wrapper--loading[data-v-b175ac0f] * {
-  color: transparent !important;
-  border-color: transparent !important;
-  position: relative;
+.slideY-enter-active,
+.slideY-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.skeleton-wrapper--loading[data-v-b175ac0f] img,
-.skeleton-wrapper--loading[data-v-b175ac0f] svg,
-.skeleton-wrapper--loading[data-v-b175ac0f] button,
-.skeleton-wrapper--loading[data-v-b175ac0f] a {
+.slideY-enter-from,
+.slideY-leave-to {
   opacity: 0;
+  transform: translateY(50px);
 }
-.skeleton-wrapper--loading[data-v-b175ac0f] *::before,
-.skeleton-wrapper--loading[data-v-b175ac0f] *::after {
-  display: none !important;
+.slideY-enter-from span,
+.slideY-leave-to span {
+  position: absolute;
 }
-.skeleton-wrapper--loading[data-v-b175ac0f] * {
-  position: relative;
-  background-color: var(--skeleton-block-color) !important;
-  border-radius: var(--skeleton-border-radius);
+.pac-container {
+  position: absolute;
+  background-color: white;
+  z-index: 1000;
+  border-radius: 2rem;
   overflow: hidden;
 }
-.skeleton-wrapper--loading[data-v-b175ac0f] *::before {
-  content: '';
+
+.my-location-button {
   position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  display: block !important;
-  animation: shimmer-b175ac0f var(--skeleton-animation-duration) infinite;
-  background: linear-gradient(
-    90deg,
-    transparent 0%,
-    var(--skeleton-highlight-color) 50%,
-    transparent 100%
-  );
+  right: 10px;
+  top: 10px;
+  z-index: 99;
 }
-
-/* Стили для структурного скелетона */
-.skeleton-structure[data-v-b175ac0f] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  width: 100%;
+.gm-style-cc { display:none;
 }
 
-/* Горизонтальный скелетон для карточек пользователей */
-.skeleton-structure--horizontal[data-v-b175ac0f] {
-  flex-direction: row;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.skeleton-item[data-v-b175ac0f] {
-  background-color: var(--skeleton-block-color);
-  border-radius: var(--skeleton-border-radius);
-  position: relative;
-  overflow: hidden;
+
+
+.icon-custom { 
+  background: white;
 }
-.skeleton-item[data-v-b175ac0f]::after {
-  content: '';
-  position: absolute;
+.shop-cart {
+  display: block;
+  position: fixed;
+  right: -33%;
   top: 0;
-  left: -100%;
-  width: 100%;
   height: 100%;
-  animation: shimmer-b175ac0f var(--skeleton-animation-duration) infinite;
-  background: linear-gradient(
-    90deg,
-    transparent 0%,
-    var(--skeleton-highlight-color) 50%,
-    transparent 100%
-  );
-}
-
-/* Типы блоков */
-.skeleton-item--text[data-v-b175ac0f] {
-  height: 1rem;
-  width: 100%;
+  width: 33%;
+  overflow-y: scroll;
 }
-.skeleton-item--text-group[data-v-b175ac0f] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  flex: 1;
+.shop-cart-active {
+  right: 0;
 }
-.skeleton-item--image[data-v-b175ac0f] {
-  width: 100%;
-  aspect-ratio: 16 / 9;
+@media screen and (max-width: 1025px) {
+.shop-cart {
+    width: 100%;
+    right: -100%;
 }
-.skeleton-item--avatar[data-v-b175ac0f] {
-  width: 4rem;
-  height: 4rem;
-  border-radius: 50%;
-  flex-shrink: 0;
+.shop-cart .shopcart-footer {
+    width: 100%;
+    right: -100%;
 }
-.skeleton-item--button[data-v-b175ac0f] {
-  height: 3rem;
-  width: 8rem;
+.shop-cart-active {
+    right: 0;
 }
-.skeleton-item--circle[data-v-b175ac0f] {
-  border-radius: 50%;
+.shop-cart-active .shopcart-footer {
+    right: 0;
 }
-.skeleton-item--action[data-v-b175ac0f] {
-  width: 2rem;
-  height: 2rem;
-  border-radius: 50%;
-  flex-shrink: 0;
+}.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s;
 }
-.skeleton-item--actions-group[data-v-b175ac0f] {
-  display: flex;
-  gap: 0.5rem;
-  margin-left: auto;
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
 }
-.skeleton-item--square[data-v-b175ac0f] {
-  aspect-ratio: 1 / 1;
+.fade-move,
+.fade-enter-active,
+.fade-leave-active {
+  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
 }
 
-/* Размеры */
-.skeleton-item--small[data-v-b175ac0f] {
-  width: 30%;
+/* 2. declare enter from and leave to state */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+  transform: translate(30px, 0);
 }
-.skeleton-item--medium[data-v-b175ac0f] {
-  width: 60%;
+
+/* 3. ensure leaving items are taken out of layout flow so that moving
+        animations can be calculated correctly. */
+.fade-leave-active {
+  position: absolute;
 }
-.skeleton-item--large[data-v-b175ac0f] {
-  width: 100%;
+.moveFromTop-enter-active,
+.moveFromTop-leave-active {
+  transition: all 0.3s ease, max-height 0.2s ease;
+  overflow: hidden;
 }
-.skeleton-item--rounded[data-v-b175ac0f] {
-  border-radius: 50%;
+.moveFromTop-enter-from,
+.moveFromTop-leave-to {
+  transform: translateY(-1rem);
+  opacity: 0;
 }
-
-/* Дефолтный скелетон */
-.skeleton-default[data-v-b175ac0f] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  width: 100%;
+.moveFromTopAbsolute-enter-active,
+.moveFromTopAbsolute-leave-active {
+  transform: translateY(0);
+  opacity: 1;
+  transition: all 0.5s ease;
 }
-
-/* Анимация движения полосы */
-@keyframes shimmer-b175ac0f {
-0% {
-    left: -100%;
+.moveFromTopAbsolute-enter-from,
+.moveFromTopAbsolute-leave-to {
+  position: absolute;
+  transform: translateY(-1rem);
+  opacity: 0;
+  transition: all 0.5s ease;
 }
-100% {
-    left: 100%;
+.ScaleOut-enter-active,
+.ScaleOut-leave-active {
+  opacity: 1;
+  transform: scale(1);
+  transition: all 0.3s ease;
+}
+.ScaleOut-enter-from,
+.ScaleOut-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+  transition: all 0.3s ease;
 }
+.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.calendar[aria-disabled=true][data-v-7c705e8c] {
-  cursor: not-allowed;
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.calendar[aria-disabled=true][data-v-7c705e8c] * {
-  pointer-events: none;
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  min-height: 0;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
 }
-.calendar__week[data-v-7c705e8c] {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  gap: 5px;
-  margin-bottom: 10px;
+.scaleTransition-5px-enter-active,
+.scaleTransition-5px-leave-active {
+  transform: translateY(0px);
+  opacity: 1;
+  z-index: 1;
+  transition: all 0.2s ease;
 }
-.calendar__weekday[data-v-7c705e8c] {
+.scaleTransition-5px-enter-from,
+.scaleTransition-5px-leave-to {
+  opacity: 0;
+  z-index: 0;
+  position: absolute;
+  transform: translateY(-30px);
+  transition: all 0.2s ease;
+}
+.scaleTransition-enter-from,
+.scaleTransition-leave-to {
+  opacity: 0;
+  z-index: 0;
+  position: absolute;
+  width: inherit;
+  height: inherit;
+  display: block;
+  transform: translateY(30px);
+  transition: all 0.5s ease;
+}
+.scaleTransition-enter-active,
+.scaleTransition-leave-active {
+  transform: translateY(0px);
+  opacity: 1;
+  z-index: 1;
+  transition: all 0.5s ease;
+}
+.scaleTransition-enter-from,
+.scaleTransition-leave-to {
+  opacity: 0;
+  z-index: 0;
+  position: absolute;
+  width: inherit;
+  height: inherit;
+  display: block;
+  transform: translateY(30px);
+  transition: all 0.5s ease;
+}
+.scaleIn-enter-active,
+.scaleIn-leave-active {
+  transition: all 0.5s ease;
+}
+.scaleIn-enter-active > section,
+.scaleIn-enter-active div,
+.scaleIn-leave-active > section,
+.scaleIn-leave-active div {
+  transform-origin: 0 0;
+  transform: translateZ(0px);
+  transition: all 0.5s ease;
+}
+.scaleIn-enter-from,
+.scaleIn-leave-to {
+  opacity: 0;
+  transform: scale(0.95);
+}
+.scaleIn-enter-from > section,
+.scaleIn-enter-from div,
+.scaleIn-leave-to > section,
+.scaleIn-leave-to div {
+  transform: translateZ(-30px);
+  transition: all 0.5s ease;
+}
+.unread-indicator[data-v-10593974] {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: var(--primary-color, #0066cc);
+  align-self: center;
+  margin-left: 0.5rem;
+}
+
+.notification-badge-container[data-v-c5966e8d] {
+  position: relative;
+  display: inline-block;
+}
+.notification-icon[data-v-c5966e8d] {
+  font-size: 1.4rem;
+}
+.notifications-loading[data-v-c5966e8d],
+.notifications-empty[data-v-c5966e8d] {
+  padding: 24px;
   text-align: center;
+  color: rgb(var(--texfw-light));
 }
-.calendar__dates[data-v-7c705e8c] {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  grid-auto-rows: 1fr;
+.icon-menu {
+  display: block;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  position: relative;
 }
-.calendar__dates[data-v-7c705e8c]::before {
-  content: "";
-  width: 0;
-  padding-bottom: 100%;
-  grid-row: 1/1;
-  grid-column: 1/1;
+.icon-menu span,
+.icon-menu__before,
+.icon-menu__after {
+  position: absolute;
+  top: 50%;
+  margin-top: -1px;
+  left: 50%;
+  margin-left: -10px;
+  width: 20px;
+  height: 2px;
 }
-.calendar__dates[data-v-7c705e8c] > *:first-child {
-  grid-row: 1/1;
-  grid-column: 1/1;
+.icon-menu__before,
+.icon-menu__after {
+  display: block;
+  transition: 0.2s;
 }
-.calendar__date--today[data-v-7c705e8c] {
-  background-color: rgb(var(--main)) !important;
-  font-weight: bold;
+.icon-menu__before {
+  transform: translateY(-5px);
 }
-.calendar__date--in-other-month[data-v-7c705e8c] {
-  color: #aaaaaa; /* Grey text color for dates from adjacent months */
+.icon-menu__after {
+  transform: translateY(5px);
 }
-.calendar__date--selected[data-v-7c705e8c] {
-  background-color: #007bff !important;
-  color: #fff;
+.icon-menu_active .icon-menu__before {
+  transform: rotate(-35deg);
+  width: 10px;
+  transform-origin: left bottom;
+}
+.icon-menu_active .icon-menu__after {
+  transform: rotate(35deg);
+  width: 10px;
+  transform-origin: left top;
+}#header {
+  transition: transform 0.3s cubic-bezier(0.08, 0.75, 0.77, 1.03), margin-top 0.3s cubic-bezier(0.08, 0.75, 0.77, 1.03), background 0.3s ease, border-color 0.3s ease, backdrop-filter 0.3s ease;
+}
+#header.header--hidden {
+  transform: translateY(-100%);
+  margin-top: -4rem;
 }
-.calendar__date--range[data-v-7c705e8c] {
-  background-color: #1c6ab8 !important;
+.location-button:hover {
+  box-shadow: inset 0 0 0 2px rgb(var(--main));
+}.spoiler {
+  overflow: hidden;
+  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.calendar__date--disabled[data-v-7c705e8c], .calendar__date--unavailable[data-v-7c705e8c] {
-  color: #ccc;
-  cursor: not-allowed;
-  text-decoration: line-through;
-  opacity: 0.5;
+.rotate-180deg[data-v-4e5062a6] {
+  transform: rotate(180deg);
 }
-.calendar__date--low-availability[data-v-7c705e8c] {
-  position: relative;
-  background-color: #f0f0f0;
-  /*  border: 1px solid #fff3cd;*/
-  /*  background-color: #fff3cd;*/
+.hidden[data-v-4e5062a6] {
+/*  opacity: 0;*/
+  width: 0;
+  display: none;
 }
-.availability-indicator[data-v-7c705e8c] {
-  position: absolute;
-  bottom: 2px;
-  right: 2px;
-  font-size: 8px;
-  color: #6c757d;
+.visible[data-v-4e5062a6] {
+/*  opacity: 1;*/
+  display: block;
 }
-button[data-v-7c705e8c]:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
+
+/* Dropdown animations */
+.dropdown-enter[data-v-4e5062a6], .dropdown-leave[data-v-4e5062a6] {
+  transition: all 0.3s ease-in-out;
 }
-.calendar-tooltip[data-v-7c705e8c] {
-  position: fixed;
-  background-color: #333;
-  color: white;
-  padding: 8px 12px;
-  border-radius: 4px;
-  font-size: 12px;
-  z-index: 1000;
-  max-width: 200px;
-  word-wrap: break-word;
-  pointer-events: none;
-  transform: translate(-50%, -100%);
-  margin-top: -8px;
+.dropdown-enter-from[data-v-4e5062a6], .dropdown-leave-to[data-v-4e5062a6] {
+  opacity: 0;
+  transform: translateY(-0.5rem);
 }
-.filter-checkbox[data-v-91444d4c] {
-  max-height: 300px;
-  overflow-y: auto;
+.dropdown-enter-to[data-v-4e5062a6], .dropdown-leave-from[data-v-4e5062a6] {
+  opacity: 1;
+  transform: translateY(0);
 }
 
-.icon-custom { 
-  background: white;
+/* Horizontal dropdown submenu */
+.dropdown-submenu[data-v-4e5062a6] {
+  list-style: none;
+  padding: 0.5rem;
+  margin: 0;
+  min-width: 12rem;
 }
-
-.filter-date-range[data-v-694c3529] {
+.dropdown-submenu li[data-v-4e5062a6] {
   width: 100%;
 }
-
-.filters-content[data-v-026224ab] {
-  max-height: 60vh;
-  overflow-y: auto;
+.dropdown-submenu a[data-v-4e5062a6] {
+  display: flex;
+  text-decoration: none;
+  white-space: nowrap;
 }
 
-.feed-move,
-.feed-enter-active,
-.feed-leave-active {
-  transition: all 0.5s ease;
+/* Transition for horizontal dropdown */
+[data-v-4e5062a6] .TransitionTranslateY-enter-active,[data-v-4e5062a6] .TransitionTranslateY-leave-active {
+  transition: translateY 0.2s ease;
+   transition: opacity 0.2s ease;
 }
-.feed-enter-from,
-.feed-leave-to {
+[data-v-4e5062a6] .TransitionTranslateY-enter-from,[data-v-4e5062a6] .TransitionTranslateY-leave-to {
   opacity: 0;
-  transform: translateY(30px);
-}
-.feed-leave-active {
-  position: absolute;
+  transform: translateY(-0.5rem);
 }
-
-.t-trimmed {
-  font-size: 0;
+[data-v-4e5062a6] .TransitionTranslateY-enter-to,[data-v-4e5062a6] .TransitionTranslateY-leave-from {
+  opacity: 1;
+  transform: translateY(0);
 }
 
-.comment-children[data-v-d265fc89] {
-  margin-top: 1rem;
+.hidden[data-v-f89a78b5] {
+  opacity: 0;
+  width: 0;
+  display: none;
 }
-.child-wrapper[data-v-d265fc89] {
-  position: relative;
+.visible[data-v-f89a78b5] {
+  opacity: 1;
+  display: block;
 }
-.child-comment[data-v-d265fc89] {
-  padding-left: 1.5rem;
+
+/* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */
+@media (max-width: 1024px) {
+aside[data-sidebar][data-v-f89a78b5] {
+    position: absolute !important;
+    left: 0 !important;
+    transform: translateX(-100%) !important;
+    visibility: hidden !important;
+    z-index: 1000 !important;
 }
-.tree-line[data-v-d265fc89] {
-  position: absolute;
-  left: calc(-1rem + 2px);
-  top: -1rem;
-  width: 2rem;
-  height: calc(100% + 2rem);
+
+  /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */
+aside[data-sidebar].mobile-opened[data-v-f89a78b5] {
+    transform: translateX(0) !important;
+    visibility: visible !important;
 }
-.tree-line[data-v-d265fc89]::before {
-  content: "";
-  position: absolute;
-  left: 1rem;
-  top: 0;
-  width: 2px;
-  height: 100%;
-  border-left: 1px solid rgba(var(--grey), 1);
-  transition: background 0.2s ease;
 }
-.tree-line[data-v-d265fc89]::after {
-  content: "";
-  position: absolute;
-  left: 1rem;
-  top: 2rem;
-  width: 1rem;
-  height: 2px;
-  border-bottom: 1px solid rgba(var(--grey), 1);
-  transition: background 0.2s ease;
+
+/* Scrollbar styles */
+[data-v-f89a78b5]::-webkit-scrollbar {
+  width: 6px;
 }
-.child-wrapper:last-child .tree-line[data-v-d265fc89]::after {
-  display: none;
+[data-v-f89a78b5]::-webkit-scrollbar-track {
+  background: transparent;
 }
-.tree-line.last-child[data-v-d265fc89]::before {
-  height: 2rem;
-  border-bottom-left-radius: 0.5rem;
-  border-left: 1px solid rgba(var(--grey), 1);
-  border-bottom: 1px solid rgba(var(--grey), 1);
-  background: none;
-  width: 1rem;
+[data-v-f89a78b5]::-webkit-scrollbar-thumb {
+  background-color: var(--grey-micro);
+  border-radius: 3px;
 }
-.tree-line.hovered[data-v-d265fc89]::before,
-.tree-line.hovered[data-v-d265fc89]::after {
-  border-color: rgba(var(--second), 1);
+[data-v-f89a78b5]::-webkit-scrollbar-thumb:hover {
+  background-color: var(--grey-small);
 }
-.tree-line.last-child.hovered[data-v-d265fc89]::before {
-  border-color: rgba(var(--second), 1);
+.eye[data-v-4241147a] {
+  animation: rotateEye-4241147a 10s linear infinite;
+  transform-origin: center 55%;
 }
-
-/* Анимация */
-.collapse-enter-active[data-v-d265fc89],
-.collapse-leave-active[data-v-d265fc89] {
-  transition: all 0.3s ease;
+.mouth[data-v-4241147a] {
+  animation: rotateMouth-4241147a 20s ease-in-out infinite;
+  transform-origin: center 55%;
 }
-.collapse-enter-from[data-v-d265fc89] {
-  opacity: 0;
-  transform: translateY(-0.5rem);
+@keyframes rotateEye-4241147a {
+from {
+    transform: rotate(0deg);
 }
-.collapse-leave-to[data-v-d265fc89] {
-  opacity: 0;
-  transform: translateY(-0.5rem);
-}.breadcrumbs {
-  height: 4rem;
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
+to {
+    transform: rotate(360deg);
 }
-.breadcrumbs .home {
-  height: 1rem;
 }
-.breadcrumbs .chevron {
-  height: 0.75rem;
+@keyframes rotateMouth-4241147a {
+0% {
+    transform: rotate(0deg);
 }
-.breadcrumbs a {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
+50% {
+    transform: rotate(180deg);
 }
-.breadcrumbs a span {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+100% {
+    transform: rotate(360deg);
 }
-.breadcrumbs .router-link-exact-active:last-of-type span {
-  color: #00ff88;
-}.slide-fade-enter-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}.cols-3-footer {
+  grid-template-columns: 5fr 7fr 4fr;
 }
-.slide-fade-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+/* Стили для режима загрузки */
+.skeleton-wrapper--loading[data-v-b175ac0f] * {
+  color: transparent !important;
+  border-color: transparent !important;
+  position: relative;
 }
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  min-height: 0;
-  position: absolute;
-  transform: translateX(20px);
+.skeleton-wrapper--loading[data-v-b175ac0f] img,
+.skeleton-wrapper--loading[data-v-b175ac0f] svg,
+.skeleton-wrapper--loading[data-v-b175ac0f] button,
+.skeleton-wrapper--loading[data-v-b175ac0f] a {
   opacity: 0;
-  left: 0;
-  top: 0;
-}input[data-v-efdb42f1], span[data-v-efdb42f1] {
-  line-height: 1;
-  color: inherit;
-}.constructor-iframe iframe {
-  width: 100% !important;
-  height: 100% !important;
-  position: relative !important;
 }
-.image-upload-area[data-v-24b590ef] {
-  overflow: hidden;
-  transition: all 0.3s ease;
+.skeleton-wrapper--loading[data-v-b175ac0f] *::before,
+.skeleton-wrapper--loading[data-v-b175ac0f] *::after {
+  display: none !important;
 }
-.image-upload-area[data-v-24b590ef]:hover {
-  opacity: 0.95;
+.skeleton-wrapper--loading[data-v-b175ac0f] * {
+  position: relative;
+  background-color: var(--skeleton-block-color) !important;
+  border-radius: var(--skeleton-border-radius);
+  overflow: hidden;
 }
-
-/* Hover controls */
-.hover-controls[data-v-24b590ef] {
+.skeleton-wrapper--loading[data-v-b175ac0f] *::before {
+  content: '';
+  position: absolute;
   top: 0;
-  left: 0;
-  background: rgba(0, 0, 0, 0.7);
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  pointer-events: none;
-}
-.image-upload-area:hover .hover-controls[data-v-24b590ef] {
-  opacity: 1;
-  pointer-events: all;
-}
-.hover-upload-icon[data-v-24b590ef] {
-  animation: pulse-24b590ef 1.5s infinite;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  display: block !important;
+  animation: shimmer-b175ac0f var(--skeleton-animation-duration) infinite;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    var(--skeleton-highlight-color) 50%,
+    transparent 100%
+  );
 }
-.hover-button[data-v-24b590ef] {
-  transition: transform 0.2s ease, background-color 0.2s ease;
+
+/* Стили для структурного скелетона */
+.skeleton-structure[data-v-b175ac0f] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  width: 100%;
 }
-.hover-button[data-v-24b590ef]:hover {
-  transform: scale(1.1);
+
+/* Горизонтальный скелетон для карточек пользователей */
+.skeleton-structure--horizontal[data-v-b175ac0f] {
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: nowrap;
 }
-.hover-button[data-v-24b590ef]:active {
-  transform: scale(0.95);
+.skeleton-item[data-v-b175ac0f] {
+  background-color: var(--skeleton-block-color);
+  border-radius: var(--skeleton-border-radius);
+  position: relative;
+  overflow: hidden;
 }
-
-/* Loading overlay */
-.loading-overlay[data-v-24b590ef] {
+.skeleton-item[data-v-b175ac0f]::after {
+  content: '';
+  position: absolute;
   top: 0;
-  left: 0;
-  background: rgba(255, 255, 255, 0.9);
-  z-index: 10;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  animation: shimmer-b175ac0f var(--skeleton-animation-duration) infinite;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    var(--skeleton-highlight-color) 50%,
+    transparent 100%
+  );
 }
 
-/* Animations */
-@keyframes pulse-24b590ef {
-0% {
-    transform: scale(1);
-    opacity: 1;
+/* Типы блоков */
+.skeleton-item--text[data-v-b175ac0f] {
+  height: 1rem;
+  width: 100%;
 }
-50% {
-    transform: scale(1.05);
-    opacity: 0.8;
+.skeleton-item--text-group[data-v-b175ac0f] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  flex: 1;
 }
-100% {
-    transform: scale(1);
-    opacity: 1;
+.skeleton-item--image[data-v-b175ac0f] {
+  width: 100%;
+  aspect-ratio: 16 / 9;
 }
+.skeleton-item--avatar[data-v-b175ac0f] {
+  width: 4rem;
+  height: 4rem;
+  border-radius: 50%;
+  flex-shrink: 0;
 }
-
-/* Upload icon in empty state */
-.upload-icon[data-v-24b590ef] {
-  transition: transform 0.3s ease;
+.skeleton-item--button[data-v-b175ac0f] {
+  height: 3rem;
+  width: 8rem;
 }
-.image-upload-area:hover .upload-icon[data-v-24b590ef] {
-  transform: scale(1.1);
+.skeleton-item--circle[data-v-b175ac0f] {
+  border-radius: 50%;
 }
-.editable-div {
-  width: 100%;
-  min-height: 1rem;
-  background-color: transparent;
-  outline: none;
-  white-space: pre-wrap;
-  word-wrap: break-word;
+.skeleton-item--action[data-v-b175ac0f] {
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  flex-shrink: 0;
 }
-.editable-div:empty::before {
-  content: attr(placeholder);
-  color: #999;
+.skeleton-item--actions-group[data-v-b175ac0f] {
+  display: flex;
+  gap: 0.5rem;
+  margin-left: auto;
 }
-.editable-div:focus {
-  border: 0;
+.skeleton-item--square[data-v-b175ac0f] {
+  aspect-ratio: 1 / 1;
 }
-.formatting-bar {
-  display: flex;
-  gap: 5px;
-  margin-top: 5px;
-  padding: 5px;
-  background-color: #f5f5f5;
-  border-radius: 4px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+
+/* Размеры */
+.skeleton-item--small[data-v-b175ac0f] {
+  width: 30%;
 }
-.formatting-bar button {
-  padding: 4px 8px;
-  background-color: white;
-  border: 1px solid #ddd;
-  border-radius: 3px;
-  cursor: pointer;
-  font-size: 14px;
-  min-width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.skeleton-item--medium[data-v-b175ac0f] {
+  width: 60%;
 }
-.formatting-bar button:hover {
-  background-color: #e0e0e0;
+.skeleton-item--large[data-v-b175ac0f] {
+  width: 100%;
 }
-.formatting-bar button:active {
-  background-color: #d0d0d0;
+.skeleton-item--rounded[data-v-b175ac0f] {
+  border-radius: 50%;
 }
-.draggable-container {
+
+/* Дефолтный скелетон */
+.skeleton-default[data-v-b175ac0f] {
   display: flex;
   flex-direction: column;
+  gap: 0.75rem;
+  width: 100%;
 }
 
-.field-tags-new[data-v-1b76c0f9] {
-  position: relative;
-}
-.tags-container[data-v-1b76c0f9] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.5rem;
+/* Анимация движения полосы */
+@keyframes shimmer-b175ac0f {
+0% {
+    left: -100%;
 }
-.tag[data-v-1b76c0f9] {
-  display: inline-flex;
-  align-items: center;
-  background: rgb(var(--main, 255, 215, 0));
-  color: rgb(var(--black, 0, 0, 0));
-  padding: 0.25rem 0.5rem;
-  border-radius: 2rem;
-  font-size: 0.875rem;
+100% {
+    left: 100%;
 }
-.tag-remove[data-v-1b76c0f9] {
-  margin-left: 0.25rem;
-  background: none;
-  border: none;
-  color: inherit;
-  font-size: 1.25rem;
-  cursor: pointer;
-  padding: 0;
-  line-height: 1;
-  opacity: 0.7;
 }
-.tag-remove[data-v-1b76c0f9]:hover {
-  opacity: 1;
+.calendar[aria-disabled=true][data-v-7c705e8c] {
+  cursor: not-allowed;
 }
-.tag-input[data-v-1b76c0f9] {
-  flex: 1;
-  border: none;
-  background: none;
-  outline: none;
-  min-width: 150px;
-  padding: 0.25rem;
-  font-size: inherit;
-  font-family: inherit;
+.calendar[aria-disabled=true][data-v-7c705e8c] * {
+  pointer-events: none;
 }
-.tag-input[data-v-1b76c0f9]:disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
+.calendar__week[data-v-7c705e8c] {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 5px;
+  margin-bottom: 10px;
 }
-.autocomplete[data-v-1b76c0f9] {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  margin-top: 0.25rem;
-  background: white;
-  border: 1px solid rgb(var(--gray, 224, 224, 224));
-  border-radius: 0.5rem;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  max-height: 200px;
-  overflow-y: auto;
-  z-index: 100;
+.calendar__weekday[data-v-7c705e8c] {
+  text-align: center;
 }
-.autocomplete-item[data-v-1b76c0f9] {
-  padding: 0.5rem 0.75rem;
-  cursor: pointer;
-  transition: background-color 0.2s;
+.calendar__dates[data-v-7c705e8c] {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  grid-auto-rows: 1fr;
 }
-.autocomplete-item[data-v-1b76c0f9]:hover,
-.autocomplete-item.selected[data-v-1b76c0f9] {
-  background: rgb(var(--gray-light, 248, 248, 248));
+.calendar__dates[data-v-7c705e8c]::before {
+  content: "";
+  width: 0;
+  padding-bottom: 100%;
+  grid-row: 1/1;
+  grid-column: 1/1;
 }
-.autocomplete-item[data-v-1b76c0f9]:first-child {
-  border-radius: 0.5rem 0.5rem 0 0;
+.calendar__dates[data-v-7c705e8c] > *:first-child {
+  grid-row: 1/1;
+  grid-column: 1/1;
 }
-.autocomplete-item[data-v-1b76c0f9]:last-child {
-  border-radius: 0 0 0.5rem 0.5rem;
+.calendar__date--today[data-v-7c705e8c] {
+  background-color: rgb(var(--main)) !important;
+  font-weight: bold;
 }
-
-.ti-tag-toDefactor {
-    background-color: rgb(var(--main));
-    color: rgb(var(--black));
-    border-radius: 4rem;
-    padding: 1px 8px 2px;
-    margin: 2px;
-    font-size: .85em;
+.calendar__date--in-other-month[data-v-7c705e8c] {
+  color: #aaaaaa; /* Grey text color for dates from adjacent months */
 }
-
-.fade-enter-active[data-v-5db0aea4],
-.fade-leave-active[data-v-5db0aea4] {
-  transition: opacity 0.3s ease;
+.calendar__date--selected[data-v-7c705e8c] {
+  background-color: #007bff !important;
+  color: #fff;
 }
-.fade-enter-from[data-v-5db0aea4],
-.fade-leave-to[data-v-5db0aea4] {
-  opacity: 0;
+.calendar__date--range[data-v-7c705e8c] {
+  background-color: #1c6ab8 !important;
 }
-.slider-hotpost .carousel__slide {
-  flex: 0 0 33%;
+.calendar__date--disabled[data-v-7c705e8c], .calendar__date--unavailable[data-v-7c705e8c] {
+  color: #ccc;
+  cursor: not-allowed;
+  text-decoration: line-through;
+  opacity: 0.5;
 }
-@media screen and (max-width: 1025px) {
-.slider-hotpost .carousel__slide {
-    flex: 0 0 75%;
+.calendar__date--low-availability[data-v-7c705e8c] {
+  position: relative;
+  background-color: #f0f0f0;
+  /*  border: 1px solid #fff3cd;*/
+  /*  background-color: #fff3cd;*/
 }
-}.error-wrapper {
+.availability-indicator[data-v-7c705e8c] {
   position: absolute;
-  left: 0;
-  right: 0;
-}.snack-wrapper {
+  bottom: 2px;
+  right: 2px;
+  font-size: 8px;
+  color: #6c757d;
+}
+button[data-v-7c705e8c]:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.calendar-tooltip[data-v-7c705e8c] {
   position: fixed;
-  bottom: var(--gap);
-  left: 50%;
-  transform: translateX(-50%);
+  background-color: #333;
+  color: white;
+  padding: 8px 12px;
+  border-radius: 4px;
+  font-size: 12px;
   z-index: 1000;
-  animation: slideUp 0.3s ease-out;
-}
-@keyframes slideUp {
-from {
-    transform: translateX(-50%) translateY(100%);
-    opacity: 0;
+  max-width: 200px;
+  word-wrap: break-word;
+  pointer-events: none;
+  transform: translate(-50%, -100%);
+  margin-top: -8px;
 }
-to {
-    transform: translateX(-50%) translateY(0);
-    opacity: 1;
+.filter-checkbox[data-v-91444d4c] {
+  max-height: 300px;
+  overflow-y: auto;
 }
-}.header-shopcart {
-  position: absolute;
-  right: 4.25rem;
+
+.filter-date-range[data-v-694c3529] {
+  width: 100%;
 }
-.header-title {
-  pointer-events: none;
+
+.filters-content[data-v-026224ab] {
+  max-height: 60vh;
+  overflow-y: auto;
 }
-.slideIn-enter-active,
-.slideIn-leave-active {
-  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+
+.feed-move,
+.feed-enter-active,
+.feed-leave-active {
+  transition: all 0.5s ease;
 }
-.slideIn-enter-from,
-.slideIn-leave-to {
+.feed-enter-from,
+.feed-leave-to {
   opacity: 0;
-  transform: translateX(10px);
+  transform: translateY(30px);
 }
-.slideIn-enter-from span,
-.slideIn-leave-to span {
+.feed-leave-active {
   position: absolute;
 }
-.slideY-enter-active,
-.slideY-leave-active {
-  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+.embla {
+  overflow: hidden;
 }
-.slideY-enter-from,
-.slideY-leave-to {
+.embla__container {
+  display: flex;
+}
+.embla__slide {
+  flex: 0 0 100%;
+  min-width: 0;
+}.input-error {
+  border: 1px solid red;
+  box-shadow: 0 0 3px 0 red;
+}.slide-fade-enter-active,
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  position: absolute;
+  transform: translateX(20px);
   opacity: 0;
-  transform: translateY(50px);
+  left: 0;
+  top: 0;
+}.vue3-marquee {
+  display: flex !important;
+  position: relative;
+  will-change: transform;
+  transform: translateZ(0);
+  backface-visibility: hidden;
 }
-.slideY-enter-from span,
-.slideY-leave-to span {
+.vue3-marquee .marquee {
+  flex: 0 0 auto;
+  min-width: var(--min-width);
+  min-height: var(--min-height);
+  z-index: 1;
+  animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
+  animation-play-state: var(--pauseAnimation);
+  animation-direction: var(--direction);
+}
+.vue3-marquee .overlay {
   position: absolute;
+  width: 100%;
+  height: 100%;
 }
-.pac-container {
+.vue3-marquee .overlay:before {
+  left: 0;
+  top: 0;
+}
+.vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
+  content: "";
   position: absolute;
-  background-color: white;
-  z-index: 1000;
-  border-radius: 2rem;
-  overflow: hidden;
+  z-index: 2;
 }
-
-.my-location-button {
+.vue3-marquee .transparent-overlay {
   position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 99;
+  width: 100.5%;
+  height: 100.5%;
 }
-.gm-style-cc { display:none;
+.vue3-marquee.horizontal {
+  overflow-x: hidden !important;
+  overflow-y: hidden !important;
+  flex-direction: row !important;
+  width: 100%;
+  height: max-content;
 }
-
-
-.shop-cart {
-  display: block;
-  position: fixed;
-  right: -33%;
-  top: 0;
+.vue3-marquee.horizontal .marquee {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.vue3-marquee.horizontal .overlay::before, .vue3-marquee.horizontal .overlay::after {
+  background: linear-gradient(to right, var(--gradient-color), transparent);
   height: 100%;
-  width: 33%;
-  overflow-y: scroll;
+  width: var(--gradient-length);
 }
-.shop-cart-active {
+.vue3-marquee.horizontal .overlay::after {
+  transform: rotateZ(180deg);
   right: 0;
+  top: 0;
 }
-@media screen and (max-width: 1025px) {
-.shop-cart {
-    width: 100%;
-    right: -100%;
+.vue3-marquee.vertical {
+  overflow-y: hidden !important;
+  overflow-x: hidden !important;
+  flex-direction: column !important;
+  height: 100%;
+  width: max-content;
 }
-.shop-cart .shopcart-footer {
-    width: 100%;
-    right: -100%;
+.vue3-marquee.vertical .marquee {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
-.shop-cart-active {
-    right: 0;
+.vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
+  background: linear-gradient(to bottom, var(--gradient-color), transparent);
+  height: var(--gradient-length);
+  width: 100%;
 }
-.shop-cart-active .shopcart-footer {
-    right: 0;
+.vue3-marquee.vertical .overlay::after {
+  transform: rotateZ(-180deg);
+  left: 0;
+  bottom: 0;
 }
-}.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.5s;
+.vue3-marquee:hover div {
+  animation-play-state: var(--pauseOnHover);
 }
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
+.vue3-marquee:active div {
+  animation-play-state: var(--pauseOnClick);
 }
-.fade-move,
-.fade-enter-active,
-.fade-leave-active {
-  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
+@keyframes scrollX {
+0% {
+    transform: translate3d(0, 0, 0);
+}
+100% {
+    transform: translate3d(-100%, 0, 0);
+}
+}
+@keyframes scrollY {
+0% {
+    transform: translate3d(0, 0, 0);
+}
+100% {
+    transform: translate3d(0, -100%, 0);
+}
+}.selector {
+  flex-grow: 1;
+  flex-basis: 0;
+  min-width: 0;
+}
+.t-trimmed {
+  font-size: 0;
 }
 
-/* 2. declare enter from and leave to state */
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-  transform: translate(30px, 0);
+.comment-children[data-v-c5d3aff1] {
+  margin-top: 1rem;
 }
-
-/* 3. ensure leaving items are taken out of layout flow so that moving
-        animations can be calculated correctly. */
-.fade-leave-active {
-  position: absolute;
+.child-wrapper[data-v-c5d3aff1] {
+  position: relative;
 }
-.moveFromTop-enter-active,
-.moveFromTop-leave-active {
-  transition: all 0.3s ease, max-height 0.2s ease;
-  overflow: hidden;
+.child-comment[data-v-c5d3aff1] {
+  padding-left: 1.5rem;
 }
-.moveFromTop-enter-from,
-.moveFromTop-leave-to {
-  transform: translateY(-1rem);
-  opacity: 0;
+.tree-line[data-v-c5d3aff1] {
+  position: absolute;
+  left: calc(-1rem + 2px);
+  top: -1rem;
+  width: 2rem;
+  height: calc(100% + 2rem);
 }
-.moveFromTopAbsolute-enter-active,
-.moveFromTopAbsolute-leave-active {
-  transform: translateY(0);
-  opacity: 1;
-  transition: all 0.5s ease;
+.tree-line[data-v-c5d3aff1]::before {
+  content: "";
+  position: absolute;
+  left: 1rem;
+  top: 0;
+  width: 2px;
+  height: 100%;
+  border-left: 1px solid rgba(var(--grey), 1);
+  transition: background 0.2s ease;
 }
-.moveFromTopAbsolute-enter-from,
-.moveFromTopAbsolute-leave-to {
+.tree-line[data-v-c5d3aff1]::after {
+  content: "";
   position: absolute;
-  transform: translateY(-1rem);
-  opacity: 0;
-  transition: all 0.5s ease;
+  left: 1rem;
+  top: 2rem;
+  width: 1rem;
+  height: 2px;
+  border-bottom: 1px solid rgba(var(--grey), 1);
+  transition: background 0.2s ease;
 }
-.ScaleOut-enter-active,
-.ScaleOut-leave-active {
-  opacity: 1;
-  transform: scale(1);
+.child-wrapper:last-child .tree-line[data-v-c5d3aff1]::after {
+  display: none;
+}
+.tree-line.last-child[data-v-c5d3aff1]::before {
+  height: 2rem;
+  border-bottom-left-radius: 0.5rem;
+  border-left: 1px solid rgba(var(--grey), 1);
+  border-bottom: 1px solid rgba(var(--grey), 1);
+  background: none;
+  width: 1rem;
+}
+.tree-line.hovered[data-v-c5d3aff1]::before,
+.tree-line.hovered[data-v-c5d3aff1]::after {
+  border-color: rgba(var(--second), 1);
+}
+.tree-line.last-child.hovered[data-v-c5d3aff1]::before {
+  border-color: rgba(var(--second), 1);
+}
+
+/* Анимация */
+.collapse-enter-active[data-v-c5d3aff1],
+.collapse-leave-active[data-v-c5d3aff1] {
   transition: all 0.3s ease;
 }
-.ScaleOut-enter-from,
-.ScaleOut-leave-to {
+.collapse-enter-from[data-v-c5d3aff1] {
   opacity: 0;
-  transform: scale(0.9);
-  transition: all 0.3s ease;
+  transform: translateY(-0.5rem);
 }
-.slide-fade-enter-active {
+.collapse-leave-to[data-v-c5d3aff1] {
+  opacity: 0;
+  transform: translateY(-0.5rem);
+}.slide-fade-enter-active {
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .slide-fade-leave-active {
@@ -1437,307 +1491,232 @@ to {
 .slide-fade-enter-from,
 .slide-fade-leave-to {
   min-height: 0;
+  position: absolute;
   transform: translateX(20px);
   opacity: 0;
   left: 0;
   top: 0;
+}input[data-v-efdb42f1], span[data-v-efdb42f1] {
+  line-height: 1;
+  color: inherit;
+}.constructor-iframe iframe {
+  width: 100% !important;
+  height: 100% !important;
+  position: relative !important;
 }
-.scaleTransition-5px-enter-active,
-.scaleTransition-5px-leave-active {
-  transform: translateY(0px);
-  opacity: 1;
-  z-index: 1;
-  transition: all 0.2s ease;
+.image-upload-area[data-v-24b590ef] {
+  overflow: hidden;
+  transition: all 0.3s ease;
 }
-.scaleTransition-5px-enter-from,
-.scaleTransition-5px-leave-to {
-  opacity: 0;
-  z-index: 0;
-  position: absolute;
-  transform: translateY(-30px);
-  transition: all 0.2s ease;
+.image-upload-area[data-v-24b590ef]:hover {
+  opacity: 0.95;
 }
-.scaleTransition-enter-from,
-.scaleTransition-leave-to {
+
+/* Hover controls */
+.hover-controls[data-v-24b590ef] {
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.7);
   opacity: 0;
-  z-index: 0;
-  position: absolute;
-  width: inherit;
-  height: inherit;
-  display: block;
-  transform: translateY(30px);
-  transition: all 0.5s ease;
+  transition: opacity 0.3s ease;
+  pointer-events: none;
 }
-.scaleTransition-enter-active,
-.scaleTransition-leave-active {
-  transform: translateY(0px);
+.image-upload-area:hover .hover-controls[data-v-24b590ef] {
   opacity: 1;
-  z-index: 1;
-  transition: all 0.5s ease;
+  pointer-events: all;
 }
-.scaleTransition-enter-from,
-.scaleTransition-leave-to {
-  opacity: 0;
-  z-index: 0;
-  position: absolute;
-  width: inherit;
-  height: inherit;
-  display: block;
-  transform: translateY(30px);
-  transition: all 0.5s ease;
+.hover-upload-icon[data-v-24b590ef] {
+  animation: pulse-24b590ef 1.5s infinite;
 }
-.scaleIn-enter-active,
-.scaleIn-leave-active {
-  transition: all 0.5s ease;
+.hover-button[data-v-24b590ef] {
+  transition: transform 0.2s ease, background-color 0.2s ease;
 }
-.scaleIn-enter-active > section,
-.scaleIn-enter-active div,
-.scaleIn-leave-active > section,
-.scaleIn-leave-active div {
-  transform-origin: 0 0;
-  transform: translateZ(0px);
-  transition: all 0.5s ease;
+.hover-button[data-v-24b590ef]:hover {
+  transform: scale(1.1);
 }
-.scaleIn-enter-from,
-.scaleIn-leave-to {
-  opacity: 0;
+.hover-button[data-v-24b590ef]:active {
   transform: scale(0.95);
 }
-.scaleIn-enter-from > section,
-.scaleIn-enter-from div,
-.scaleIn-leave-to > section,
-.scaleIn-leave-to div {
-  transform: translateZ(-30px);
-  transition: all 0.5s ease;
-}
-.unread-indicator[data-v-10593974] {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background-color: var(--primary-color, #0066cc);
-  align-self: center;
-  margin-left: 0.5rem;
-}
 
-.notification-badge-container[data-v-bea4263c] {
-  position: relative;
-  display: inline-block;
-}
-.notification-button[data-v-bea4263c] {
-  background: none;
-  border: none;
-  cursor: pointer;
-  position: relative;
-  font-size: 1.2rem;
-}
-.notification-icon[data-v-bea4263c] {
-  font-size: 1.4rem;
-}
-.button-counter[data-v-bea4263c] {
-  position: absolute;
-  right: -8px;
-  bottom: -8px;
-  background: rgb(var(--fourth));
-  color: rgb(var(--white));
-  height: 16px;
-  border-radius: 16px;
-  width: 16px;
-  font-weight: 500;
-  text-align: center;
-  line-height: 16px;
-  font-size: 10px;
-}
-.notifications-loading[data-v-bea4263c],
-.notifications-empty[data-v-bea4263c] {
-  padding: 24px;
-  text-align: center;
-  color: rgb(var(--texfw-light));
-}
-.icon-menu {
-  display: block;
-  width: 2rem;
-  height: 2rem;
-  border-radius: 50%;
-  position: relative;
-}
-.icon-menu span,
-.icon-menu__before,
-.icon-menu__after {
-  position: absolute;
-  top: 50%;
-  margin-top: -1px;
-  left: 50%;
-  margin-left: -10px;
-  width: 20px;
-  height: 2px;
-}
-.icon-menu__before,
-.icon-menu__after {
-  display: block;
-  transition: 0.2s;
-}
-.icon-menu__before {
-  transform: translateY(-5px);
-}
-.icon-menu__after {
-  transform: translateY(5px);
-}
-.icon-menu_active .icon-menu__before {
-  transform: rotate(-35deg);
-  width: 10px;
-  transform-origin: left bottom;
-}
-.icon-menu_active .icon-menu__after {
-  transform: rotate(35deg);
-  width: 10px;
-  transform-origin: left top;
-}#header {
-  transition: transform 0.3s cubic-bezier(0.08, 0.75, 0.77, 1.03), margin-top 0.3s cubic-bezier(0.08, 0.75, 0.77, 1.03), background 0.3s ease, border-color 0.3s ease, backdrop-filter 0.3s ease;
-}
-#header.header--hidden {
-  transform: translateY(-100%);
-  margin-top: -4rem;
+/* Loading overlay */
+.loading-overlay[data-v-24b590ef] {
+  top: 0;
+  left: 0;
+  background: rgba(255, 255, 255, 0.9);
+  z-index: 10;
 }
-.location-button:hover {
-  box-shadow: inset 0 0 0 2px rgb(var(--main));
-}.spoiler {
-  overflow: hidden;
-  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+/* Animations */
+@keyframes pulse-24b590ef {
+0% {
+    transform: scale(1);
+    opacity: 1;
 }
-.rotate-180deg[data-v-0f5220e0] {
-  transform: rotate(180deg);
+50% {
+    transform: scale(1.05);
+    opacity: 0.8;
 }
-.hidden[data-v-0f5220e0] {
-/*  opacity: 0;*/
-  width: 0;
-  display: none;
+100% {
+    transform: scale(1);
+    opacity: 1;
 }
-.visible[data-v-0f5220e0] {
-/*  opacity: 1;*/
-  display: block;
 }
 
-/* Dropdown animations */
-.dropdown-enter[data-v-0f5220e0], .dropdown-leave[data-v-0f5220e0] {
-  transition: all 0.3s ease-in-out;
+/* Upload icon in empty state */
+.upload-icon[data-v-24b590ef] {
+  transition: transform 0.3s ease;
 }
-.dropdown-enter-from[data-v-0f5220e0], .dropdown-leave-to[data-v-0f5220e0] {
-  opacity: 0;
-  transform: translateY(-0.5rem);
+.image-upload-area:hover .upload-icon[data-v-24b590ef] {
+  transform: scale(1.1);
 }
-.dropdown-enter-to[data-v-0f5220e0], .dropdown-leave-from[data-v-0f5220e0] {
-  opacity: 1;
-  transform: translateY(0);
+.editable-div {
+  width: 100%;
+  min-height: 1rem;
+  background-color: transparent;
+  outline: none;
+  white-space: pre-wrap;
+  word-wrap: break-word;
 }
-
-/* Horizontal dropdown submenu */
-.dropdown-submenu[data-v-0f5220e0] {
-  list-style: none;
-  padding: 0.5rem;
-  margin: 0;
-  min-width: 12rem;
+.editable-div:empty::before {
+  content: attr(placeholder);
+  color: #999;
 }
-.dropdown-submenu li[data-v-0f5220e0] {
-  width: 100%;
+.editable-div:focus {
+  border: 0;
 }
-.dropdown-submenu a[data-v-0f5220e0] {
+.formatting-bar {
   display: flex;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
-/* Transition for horizontal dropdown */
-[data-v-0f5220e0] .TransitionTranslateY-enter-active,[data-v-0f5220e0] .TransitionTranslateY-leave-active {
-  transition: translateY 0.2s ease;
-   transition: opacity 0.2s ease;
+  gap: 5px;
+  margin-top: 5px;
+  padding: 5px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
-[data-v-0f5220e0] .TransitionTranslateY-enter-from,[data-v-0f5220e0] .TransitionTranslateY-leave-to {
-  opacity: 0;
-  transform: translateY(-0.5rem);
+.formatting-bar button {
+  padding: 4px 8px;
+  background-color: white;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  cursor: pointer;
+  font-size: 14px;
+  min-width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-[data-v-0f5220e0] .TransitionTranslateY-enter-to,[data-v-0f5220e0] .TransitionTranslateY-leave-from {
-  opacity: 1;
-  transform: translateY(0);
+.formatting-bar button:hover {
+  background-color: #e0e0e0;
 }
-
-.hidden[data-v-846509b5] {
-  opacity: 0;
-  width: 0;
-  display: none;
+.formatting-bar button:active {
+  background-color: #d0d0d0;
 }
-.visible[data-v-846509b5] {
-  opacity: 1;
-  display: block;
+.draggable-container {
+  display: flex;
+  flex-direction: column;
 }
 
-/* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */
-@media (max-width: 1024px) {
-aside[data-sidebar][data-v-846509b5] {
-    position: absolute !important;
-    left: 0 !important;
-    transform: translateX(-100%) !important;
-    visibility: hidden !important;
-    z-index: 1000 !important;
+.field-tags-new[data-v-1b76c0f9] {
+  position: relative;
 }
-
-  /* Показываем ТОЛЬКО когда manual клик (НЕ от SSR state) */
-aside[data-sidebar].mobile-opened[data-v-846509b5] {
-    transform: translateX(0) !important;
-    visibility: visible !important;
+.tags-container[data-v-1b76c0f9] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
 }
+.tag[data-v-1b76c0f9] {
+  display: inline-flex;
+  align-items: center;
+  background: rgb(var(--main, 255, 215, 0));
+  color: rgb(var(--black, 0, 0, 0));
+  padding: 0.25rem 0.5rem;
+  border-radius: 2rem;
+  font-size: 0.875rem;
 }
-
-/* Scrollbar styles */
-[data-v-846509b5]::-webkit-scrollbar {
-  width: 6px;
+.tag-remove[data-v-1b76c0f9] {
+  margin-left: 0.25rem;
+  background: none;
+  border: none;
+  color: inherit;
+  font-size: 1.25rem;
+  cursor: pointer;
+  padding: 0;
+  line-height: 1;
+  opacity: 0.7;
 }
-[data-v-846509b5]::-webkit-scrollbar-track {
-  background: transparent;
+.tag-remove[data-v-1b76c0f9]:hover {
+  opacity: 1;
 }
-[data-v-846509b5]::-webkit-scrollbar-thumb {
-  background-color: var(--grey-micro);
-  border-radius: 3px;
+.tag-input[data-v-1b76c0f9] {
+  flex: 1;
+  border: none;
+  background: none;
+  outline: none;
+  min-width: 150px;
+  padding: 0.25rem;
+  font-size: inherit;
+  font-family: inherit;
 }
-[data-v-846509b5]::-webkit-scrollbar-thumb:hover {
-  background-color: var(--grey-small);
+.tag-input[data-v-1b76c0f9]:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
 }
-.eye[data-v-4241147a] {
-  animation: rotateEye-4241147a 10s linear infinite;
-  transform-origin: center 55%;
+.autocomplete[data-v-1b76c0f9] {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  margin-top: 0.25rem;
+  background: white;
+  border: 1px solid rgb(var(--gray, 224, 224, 224));
+  border-radius: 0.5rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  max-height: 200px;
+  overflow-y: auto;
+  z-index: 100;
 }
-.mouth[data-v-4241147a] {
-  animation: rotateMouth-4241147a 20s ease-in-out infinite;
-  transform-origin: center 55%;
+.autocomplete-item[data-v-1b76c0f9] {
+  padding: 0.5rem 0.75rem;
+  cursor: pointer;
+  transition: background-color 0.2s;
 }
-@keyframes rotateEye-4241147a {
-from {
-    transform: rotate(0deg);
+.autocomplete-item[data-v-1b76c0f9]:hover,
+.autocomplete-item.selected[data-v-1b76c0f9] {
+  background: rgb(var(--gray-light, 248, 248, 248));
 }
-to {
-    transform: rotate(360deg);
+.autocomplete-item[data-v-1b76c0f9]:first-child {
+  border-radius: 0.5rem 0.5rem 0 0;
 }
+.autocomplete-item[data-v-1b76c0f9]:last-child {
+  border-radius: 0 0 0.5rem 0.5rem;
 }
-@keyframes rotateMouth-4241147a {
-0% {
-    transform: rotate(0deg);
+
+.ti-tag-toDefactor {
+    background-color: rgb(var(--main));
+    color: rgb(var(--black));
+    border-radius: 4rem;
+    padding: 1px 8px 2px;
+    margin: 2px;
+    font-size: .85em;
 }
-50% {
-    transform: rotate(180deg);
+
+.fade-enter-active[data-v-5db0aea4],
+.fade-leave-active[data-v-5db0aea4] {
+  transition: opacity 0.3s ease;
 }
-100% {
-    transform: rotate(360deg);
+.fade-enter-from[data-v-5db0aea4],
+.fade-leave-to[data-v-5db0aea4] {
+  opacity: 0;
 }
-}.cols-3-footer {
-  grid-template-columns: 5fr 7fr 4fr;
-}.embla {
-  overflow: hidden;
+.slider-hotpost .carousel__slide {
+  flex: 0 0 33%;
 }
-.embla__container {
-  display: flex;
+@media screen and (max-width: 1025px) {
+.slider-hotpost .carousel__slide {
+    flex: 0 0 75%;
 }
-.embla__slide {
-  flex: 0 0 100%;
-  min-width: 0;
 }
   /* Add styles for the user card component here */
 
@@ -2697,25 +2676,7 @@ to {
   width: 0px; /* Hide scrollbar for Chrome and Safari */
   height: 0px;
 }
-.status-badge[data-v-d9bc23ad] {
-  padding: 4px 8px;
-  border-radius: 12px;
-  font-size: 0.875rem;
-  color: white;
-  display: inline-block;
-}
-
-.bg-light[data-v-9596db27] {
-    background-color: var(--color-bg-light, #f8f9fa);
-}
-.bg-light-transp[data-v-9596db27] {
-    background-color: var(--color-bg-light-transp, rgba(248, 249, 250, 0.7));
-}
-.bg-light-transp-50[data-v-9596db27] {
-    background-color: var(--color-bg-light-transp-50, rgba(248, 249, 250, 0.5));
-}
-
-.bg-danger[data-v-8cb98ea2] {
+.bg-danger[data-v-e84fd9d7] {
   background-color: #ef4444;
 }
 .round-wrapper {
@@ -2743,17 +2704,7 @@ to {
 .vue-select-header {
   height: 3rem;
 }
-.bg-light[data-v-1239e806] {
-    background-color: var(--color-bg-light, #f8f9fa);
-}
-.bg-light-transp[data-v-1239e806] {
-    background-color: var(--color-bg-light-transp, rgba(248, 249, 250, 0.7));
-}
-.bg-light-transp-50[data-v-1239e806] {
-    background-color: var(--color-bg-light-transp-50, rgba(248, 249, 250, 0.5));
-}
-
-.bg-danger[data-v-7562ca0a] {
+.bg-danger[data-v-bffeeaa1] {
   background-color: #ef4444;
 }
 .shop-cart-item[data-v-1e6239c6]:first-of-type {
@@ -3460,4 +3411,37 @@ html.barcode-scanner-active-html {
 50% {
     opacity: 0.8;
 }
+}.round-stat {
+  padding: 1rem;
+  border-radius: 5rem;
+  width: 3rem;
+  height: 3rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+.round-stat-tab {
+  width: 2rem;
+  height: 2rem;
+}
+.order-card {
+  border-radius: 0.25rem;
+  overflow: hidden;
+  box-shadow: 0 8px 8px -8px rgba(36, 36, 36, 0.1);
+}
+.order-card .order-status {
+  color: black;
+  background: #EEF2F6;
+  width: 100%;
+  padding: 0.75rem 1.5rem;
+  margin: 0;
+}
+.order-card .new {
+  color: white;
+  background: #00ff88;
+}
+.order-card .block {
+  border-radius: 0;
+  border: 0;
 }