@ozdao/martyrs 0.2.481 → 0.2.483

package/dist/style.css

@@ -83,8 +83,8 @@ button[disabled] {
   opacity: 0.75 !important;
   pointer-events: none !important;
   cursor: default !important;
-  color: rgba(var(--black), 0.5) !important;
-  background: rgba(var(--grey), 1) !important;
+  color: rgba(var(--dark), 0.33) !important;
+  background: rgba(var(--light), 1) !important;
 }
 a.button {
   text-box: trim-both cap alphabetic;
@@ -129,32 +129,49 @@ a.button {
   text-align: center;
   line-height: 16px;
   font-size: 10px;
-}.carousel__track {
-  height: 100%;
 }
-.carousel-controls {
-  position: absolute;
-  top: 0;
-  right: 0;
+.carousel {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
 }
-.carousel-indicators {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
+.carousel__container {
+  display: flex;
+  scroll-snap-type: x mandatory;
+  overflow-x: scroll;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  scroll-behavior: smooth;
+}
+.carousel__container::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
+.carousel__slide {
+  flex: 0 0 100%;
+  width: 100%;
+  scroll-snap-align: start;
+  scroll-snap-stop: always;
+}
+
+/* Navigation dots */
+.carousel__dots {
   display: flex;
   justify-content: center;
+  gap: 0.5rem;
+  margin-top: 1rem;
 }
-.carousel-indicators li {
-  list-style: none;
-  margin: 0 5px;
-  width: 10px;
-  height: 10px;
-  background: gray;
+.carousel__dot {
+  width: 0.625rem;
+  height: 0.625rem;
   border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.2);
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
 }
-.carousel-indicators li.active {
-  background: white;
+.carousel__dot--active {
+  background-color: rgba(0, 0, 0, 0.6);
 }
 .parent-div {
   display: flex;
@@ -165,18 +182,18 @@ a.button {
 .background-div {
   flex-grow: 1;
 }
-input[data-v-7b5b63ae], textarea[data-v-7b5b63ae], span[data-v-7b5b63ae] {
+input[data-v-cf6a6a58], textarea[data-v-cf6a6a58], span[data-v-cf6a6a58] {
   line-height: 1;
   color: inherit;
 }
-textarea[data-v-7b5b63ae] {
+textarea[data-v-cf6a6a58] {
   resize: none;
   overflow: hidden;
   height: 1rem; 
   line-height: 1rem;
 }
-input[type="date"][data-v-7b5b63ae]::-webkit-calendar-picker-indicator,
-input[type="time"][data-v-7b5b63ae]::-webkit-calendar-picker-indicator {
+input[type="date"][data-v-cf6a6a58]::-webkit-calendar-picker-indicator,
+input[type="time"][data-v-cf6a6a58]::-webkit-calendar-picker-indicator {
   filter: invert(1); /* Это инвертирует иконку, подходит при светлом фоне */
   opacity: 1;
   color: inherit;
@@ -309,7 +326,9 @@ ul li[data-v-89d423c5] {
 }.vue3-reactive-tel-input {
   display: flex;
 }
-.vue3-reactive-tel-input.disabled .dropdown, .vue3-reactive-tel-input.disabled .selection, .vue3-reactive-tel-input.disabled input {
+.vue3-reactive-tel-input.disabled .dropdown,
+.vue3-reactive-tel-input.disabled .selection,
+.vue3-reactive-tel-input.disabled input {
   cursor: no-drop;
 }
 .vti__dropdown {
@@ -345,22 +364,16 @@ ul li[data-v-89d423c5] {
   top: auto;
   bottom: 100%;
 }
-.vti__dropdown-arrow {
-  transform: scaleY(0.5);
-  display: inline-block;
-  color: #666;
-}
 .vti__dropdown-item {
   cursor: pointer;
   padding: 4px 15px;
 }
+.vti__dropdown-item.highlighted {
+  background-color: #f0f0f0;
+}
 .vti__dropdown-item.last-preferred {
   border-bottom: 1px solid #cacaca;
 }
-.vti__dropdown-item .vti__flag {
-  display: inline-block;
-  margin-right: 5px;
-}
 .vti__input {
   color: inherit;
   border: none;
@@ -368,6 +381,15 @@ ul li[data-v-89d423c5] {
   width: 100%;
   outline: 0;
   padding-left: 7px;
+}
+.vti__country-code-input {
+  max-width: 70px;
+  border: none;
+  outline: none;
+  background: transparent;
+  font-size: inherit;
+  color: inherit;
+  text-align: center;
 }.slide-fade-enter-active {
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -497,36 +519,29 @@ ul li[data-v-89d423c5] {
   flex-basis: 0;
   min-width: 0;
 }
-.skeleton-wrapper[data-v-70b3339a] {
-  width: 100%;
-  position: relative;
-  background-color: var(--skeleton-card-color);
-  padding: 1rem;
-}
-
 /* Стили для режима загрузки */
-.skeleton-wrapper--loading[data-v-70b3339a] * {
+.skeleton-wrapper--loading[data-v-b175ac0f] * {
   color: transparent !important;
   border-color: transparent !important;
   position: relative;
 }
-.skeleton-wrapper--loading[data-v-70b3339a] img,
-.skeleton-wrapper--loading[data-v-70b3339a] svg,
-.skeleton-wrapper--loading[data-v-70b3339a] button,
-.skeleton-wrapper--loading[data-v-70b3339a] a {
+.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;
 }
-.skeleton-wrapper--loading[data-v-70b3339a] *::before,
-.skeleton-wrapper--loading[data-v-70b3339a] *::after {
+.skeleton-wrapper--loading[data-v-b175ac0f] *::before,
+.skeleton-wrapper--loading[data-v-b175ac0f] *::after {
   display: none !important;
 }
-.skeleton-wrapper--loading[data-v-70b3339a] * {
+.skeleton-wrapper--loading[data-v-b175ac0f] * {
   position: relative;
   background-color: var(--skeleton-block-color) !important;
   border-radius: var(--skeleton-border-radius);
   overflow: hidden;
 }
-.skeleton-wrapper--loading[data-v-70b3339a] *::before {
+.skeleton-wrapper--loading[data-v-b175ac0f] *::before {
   content: '';
   position: absolute;
   top: 0;
@@ -534,7 +549,7 @@ ul li[data-v-89d423c5] {
   width: 100%;
   height: 100%;
   display: block !important;
-  animation: shimmer-70b3339a var(--skeleton-animation-duration) infinite;
+  animation: shimmer-b175ac0f var(--skeleton-animation-duration) infinite;
   background: linear-gradient(
     90deg,
     transparent 0%,
@@ -544,7 +559,7 @@ ul li[data-v-89d423c5] {
 }
 
 /* Стили для структурного скелетона */
-.skeleton-structure[data-v-70b3339a] {
+.skeleton-structure[data-v-b175ac0f] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -552,25 +567,25 @@ ul li[data-v-89d423c5] {
 }
 
 /* Горизонтальный скелетон для карточек пользователей */
-.skeleton-structure--horizontal[data-v-70b3339a] {
+.skeleton-structure--horizontal[data-v-b175ac0f] {
   flex-direction: row;
   align-items: center;
   flex-wrap: nowrap;
 }
-.skeleton-item[data-v-70b3339a] {
+.skeleton-item[data-v-b175ac0f] {
   background-color: var(--skeleton-block-color);
   border-radius: var(--skeleton-border-radius);
   position: relative;
   overflow: hidden;
 }
-.skeleton-item[data-v-70b3339a]::after {
+.skeleton-item[data-v-b175ac0f]::after {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 100%;
   height: 100%;
-  animation: shimmer-70b3339a var(--skeleton-animation-duration) infinite;
+  animation: shimmer-b175ac0f var(--skeleton-animation-duration) infinite;
   background: linear-gradient(
     90deg,
     transparent 0%,
@@ -580,64 +595,64 @@ ul li[data-v-89d423c5] {
 }
 
 /* Типы блоков */
-.skeleton-item--text[data-v-70b3339a] {
+.skeleton-item--text[data-v-b175ac0f] {
   height: 1rem;
   width: 100%;
 }
-.skeleton-item--text-group[data-v-70b3339a] {
+.skeleton-item--text-group[data-v-b175ac0f] {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   flex: 1;
 }
-.skeleton-item--image[data-v-70b3339a] {
+.skeleton-item--image[data-v-b175ac0f] {
   width: 100%;
   aspect-ratio: 16 / 9;
 }
-.skeleton-item--avatar[data-v-70b3339a] {
+.skeleton-item--avatar[data-v-b175ac0f] {
   width: 4rem;
   height: 4rem;
   border-radius: 50%;
   flex-shrink: 0;
 }
-.skeleton-item--button[data-v-70b3339a] {
+.skeleton-item--button[data-v-b175ac0f] {
   height: 3rem;
   width: 8rem;
 }
-.skeleton-item--circle[data-v-70b3339a] {
+.skeleton-item--circle[data-v-b175ac0f] {
   border-radius: 50%;
 }
-.skeleton-item--action[data-v-70b3339a] {
+.skeleton-item--action[data-v-b175ac0f] {
   width: 2rem;
   height: 2rem;
   border-radius: 50%;
   flex-shrink: 0;
 }
-.skeleton-item--actions-group[data-v-70b3339a] {
+.skeleton-item--actions-group[data-v-b175ac0f] {
   display: flex;
   gap: 0.5rem;
   margin-left: auto;
 }
-.skeleton-item--square[data-v-70b3339a] {
+.skeleton-item--square[data-v-b175ac0f] {
   aspect-ratio: 1 / 1;
 }
 
 /* Размеры */
-.skeleton-item--small[data-v-70b3339a] {
+.skeleton-item--small[data-v-b175ac0f] {
   width: 30%;
 }
-.skeleton-item--medium[data-v-70b3339a] {
+.skeleton-item--medium[data-v-b175ac0f] {
   width: 60%;
 }
-.skeleton-item--large[data-v-70b3339a] {
+.skeleton-item--large[data-v-b175ac0f] {
   width: 100%;
 }
-.skeleton-item--rounded[data-v-70b3339a] {
+.skeleton-item--rounded[data-v-b175ac0f] {
   border-radius: 50%;
 }
 
 /* Дефолтный скелетон */
-.skeleton-default[data-v-70b3339a] {
+.skeleton-default[data-v-b175ac0f] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -645,7 +660,7 @@ ul li[data-v-89d423c5] {
 }
 
 /* Анимация движения полосы */
-@keyframes shimmer-70b3339a {
+@keyframes shimmer-b175ac0f {
 0% {
     left: -100%;
 }
@@ -756,7 +771,75 @@ button[data-v-416842ae]:disabled {
 .tooltip-content {
   pointer-events: none;
 }
-.breadcrumbs {
+
+.comment-children[data-v-07523fcd] {
+  margin-top: 1rem;
+}
+.child-wrapper[data-v-07523fcd] {
+  position: relative;
+}
+.child-comment[data-v-07523fcd] {
+  padding-left: 1.5rem;
+}
+.tree-line[data-v-07523fcd] {
+  position: absolute;
+  left: calc(-1rem + 2px);
+  top: -1rem;
+  width: 2rem;
+  height: calc(100% + 2rem);
+}
+.tree-line[data-v-07523fcd]::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-07523fcd]::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;
+}
+.child-wrapper:last-child .tree-line[data-v-07523fcd]::after {
+  display: none;
+}
+.tree-line.last-child[data-v-07523fcd]::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-07523fcd]::before,
+.tree-line.hovered[data-v-07523fcd]::after {
+  border-color: rgba(var(--second), 1);
+}
+.tree-line.last-child.hovered[data-v-07523fcd]::before {
+  border-color: rgba(var(--second), 1);
+}
+
+/* Анимация */
+.collapse-enter-active[data-v-07523fcd],
+.collapse-leave-active[data-v-07523fcd] {
+  transition: all 0.3s ease;
+}
+.collapse-enter-from[data-v-07523fcd] {
+  opacity: 0;
+  transform: translateY(-0.5rem);
+}
+.collapse-leave-to[data-v-07523fcd] {
+  opacity: 0;
+  transform: translateY(-0.5rem);
+}.breadcrumbs {
   height: 4rem;
   display: flex;
   align-items: center;
@@ -998,69 +1081,25 @@ div.vue-tags-input.disabled * {
     font-size: .85em;
 }
 
-.carousel[data-v-a766dedc] {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-}
-.carousel__container[data-v-a766dedc] {
-  display: flex;
-  scroll-snap-type: x mandatory;
-  overflow-x: scroll;
-  scrollbar-width: none; /* Firefox */
-  -ms-overflow-style: none; /* IE and Edge */
-  scroll-behavior: smooth;
-}
-.carousel__container[data-v-a766dedc]::-webkit-scrollbar {
-  display: none; /* Chrome, Safari, Opera */
-}
-.carousel__slide[data-v-a766dedc] {
-  flex: 0 0 100%;
-  width: 100%;
-  scroll-snap-align: start;
-  scroll-snap-stop: always;
-}
-
-/* Navigation dots */
-.carousel__dots[data-v-a766dedc] {
-  display: flex;
-  justify-content: center;
-  gap: 0.5rem;
-  margin-top: 1rem;
-}
-.carousel__dot[data-v-a766dedc] {
-  width: 0.625rem;
-  height: 0.625rem;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.2);
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  transition: background-color 0.3s ease;
-}
-.carousel__dot--active[data-v-a766dedc] {
-  background-color: rgba(0, 0, 0, 0.6);
-}
-.fade-enter-active[data-v-a766dedc],
-.fade-leave-active[data-v-a766dedc] {
+.fade-enter-active[data-v-54d1a394],
+.fade-leave-active[data-v-54d1a394] {
   transition: opacity 0.3s ease;
 }
-.fade-enter-from[data-v-a766dedc],
-.fade-leave-to[data-v-a766dedc] {
+.fade-enter-from[data-v-54d1a394],
+.fade-leave-to[data-v-54d1a394] {
   opacity: 0;
 }
-.slider-hotpost .carousel__slide {
+.slider-hotpost :deep(.carousel__slide) {
   flex: 0 0 25%;
 }
 @media screen and (max-width: 1025px) {
-.slider-hotpost .carousel__slide {
+.slider-hotpost :deep(.carousel__slide) {
     flex: 0 0 75%;
 }
 }.error-wrapper {
   position: absolute;
   left: 0;
   right: 0;
-  opacity: 0.9;
 }.header-shopcart {
   position: absolute;
   right: 4.25rem;
@@ -1278,44 +1317,7 @@ div.vue-tags-input.disabled * {
   transform: translateZ(-30px);
   transition: all 0.5s ease;
 }
-.notification-item[data-v-c57c48a6] {
-  display: flex;
-  padding: 1rem;
-  border-radius: 8px;
-  background-color: #fff;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-.notification-item[data-v-c57c48a6]:hover {
-  background-color: #f9f9f9;
-}
-.notification-item.unread[data-v-c57c48a6] {
-  background-color: #f0f7ff;
-}
-.notification-icon[data-v-c57c48a6] {
-  flex-shrink: 0;
-  margin-right: 1rem;
-  font-size: 1.5rem;
-}
-.notification-content[data-v-c57c48a6] {
-  flex: 1;
-}
-.notification-title[data-v-c57c48a6] {
-  margin: 0 0 0.25rem;
-  font-weight: 600;
-  font-size: 1rem;
-}
-.notification-body[data-v-c57c48a6] {
-  margin: 0 0 0.5rem;
-  color: #666;
-  font-size: 0.9rem;
-}
-.notification-time[data-v-c57c48a6] {
-  font-size: 0.8rem;
-  color: #999;
-}
-.unread-indicator[data-v-c57c48a6] {
+.unread-indicator[data-v-8aa96de9] {
   width: 10px;
   height: 10px;
   border-radius: 50%;
@@ -1324,21 +1326,21 @@ div.vue-tags-input.disabled * {
   margin-left: 0.5rem;
 }
 
-.notification-badge-container[data-v-a7d7de5f] {
+.notification-badge-container[data-v-26b93994] {
   position: relative;
   display: inline-block;
 }
-.notification-button[data-v-a7d7de5f] {
+.notification-button[data-v-26b93994] {
   background: none;
   border: none;
   cursor: pointer;
   position: relative;
   font-size: 1.2rem;
 }
-.notification-icon[data-v-a7d7de5f] {
+.notification-icon[data-v-26b93994] {
   font-size: 1.4rem;
 }
-.button-counter[data-v-a7d7de5f] {
+.button-counter[data-v-26b93994] {
   position: absolute;
   right: -8px;
   bottom: -8px;
@@ -1352,55 +1354,11 @@ div.vue-tags-input.disabled * {
   line-height: 16px;
   font-size: 10px;
 }
-.notifications-dropdown[data-v-a7d7de5f] {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  width: 320px;
-  max-height: 400px;
-  overflow-y: auto;
-  background-color: white;
-  border-radius: 4px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-}
-.notifications-header[data-v-a7d7de5f] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px 16px;
-  border-bottom: 1px solid #eee;
-}
-.notifications-header h3[data-v-a7d7de5f] {
-  margin: 0;
-  font-size: 1rem;
-}
-.mark-all-read-btn[data-v-a7d7de5f] {
-  background: none;
-  border: none;
-  color: #2196f3;
-  font-size: 0.8rem;
-  cursor: pointer;
-}
-.notifications-loading[data-v-a7d7de5f],
-.notifications-empty[data-v-a7d7de5f] {
+.notifications-loading[data-v-26b93994],
+.notifications-empty[data-v-26b93994] {
   padding: 24px;
   text-align: center;
-  color: #666;
-}
-.notifications-list[data-v-a7d7de5f] {
-  max-height: 300px;
-  overflow-y: auto;
-}
-.notifications-footer[data-v-a7d7de5f] {
-  padding: 12px 16px;
-  text-align: center;
-  border-top: 1px solid #eee;
-}
-.notifications-footer a[data-v-a7d7de5f] {
-  color: #2196f3;
-  text-decoration: none;
-  font-size: 0.9rem;
+  color: rgb(var(--text-light));
 }
 .location-button:hover {
   box-shadow: inset 0 0 0 2px rgb(var(--main));
@@ -2289,29 +2247,81 @@ to {
   transform: scale(1.1);
 }*/
 
-.photo-container {
+.photo-viewer[data-v-447a838c] {
   width: 100%;
   height: 100%;
-  background: black;
-  overflow: hidden;
   position: relative;
+  background: #fff;
+  overflow: hidden;
+  user-select: none;
+  touch-action: none;
+}
+.slider-track[data-v-447a838c] {
+  display: flex;
+  height: 100%;
   cursor: grab;
+  backface-visibility: hidden;
+}
+.slider-track[data-v-447a838c]:active {
+  cursor: grabbing;
+}
+.slide[data-v-447a838c] {
+  flex: 0 0 100%;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
-.photo-container img {
+.slide img[data-v-447a838c] {
   width: 100%;
   height: 100%;
   object-fit: scale-down;
-  transition: transform 0.05s;
-  transform-origin: center center;
+  transform-origin: center;
+  pointer-events: none;
+  backface-visibility: hidden;
+}
+.thumbnails-container[data-v-447a838c] {
+  left: 50%;
+  transform: translateX(-50%);
+  max-width: 100%;
+  z-index: 1;
+}
+.thumbnails[data-v-447a838c] {
+  display: flex;
+  gap: 0.25rem;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.thumbnails[data-v-447a838c]::-webkit-scrollbar {
+  display: none;
+}
+.thumbnail[data-v-447a838c] {
+  width: 4rem;
+  height: 4rem;
+  object-fit: cover;
+  cursor: pointer;
+  transition: opacity 0.2s;
+  border-radius: 0.25rem;
+  flex-shrink: 0;
+}
+.thumbnail.active[data-v-447a838c] {
+  opacity: 1;
+  border: 1px solid rgb(var(--second));
+}
+@media (max-width: 768px) {
+.nav-arrow[data-v-447a838c] { display: none;
+}
+.thumbnail[data-v-447a838c] { width: 3rem; height: 3rem;
+}
 }
 
-.thumbnail[data-v-641e5bb0] {
+.thumbnail[data-v-38ae846b] {
   width: 100%;
-  max-width: 6rem;
-  height: 6rem;
   object-fit: cover;
   cursor: pointer;
 }
+.thumbnail.active[data-v-38ae846b] {
+  border: 1px solid rgb(var(--second));
+}
 
 .spiral {
 	
@@ -2334,18 +2344,12 @@ to {
     transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.embla {
-  overflow: hidden;
-}
-.embla__container {
-  display: flex;
-}
-.embla__slide {
+.popupar_products .carousel__slide {
   flex: 0 0 25%;
   min-width: 0;
 }
 @media screen and (max-width: 1025px) {
-.embla__slide {
+.popupar_products .carousel__slide {
     flex: 0 0 75%;
     min-width: 0;
 }
@@ -2363,10 +2367,10 @@ to {
   background-color: rgb(var(--orange));
 }
 
-.discount-card[data-v-d7e1163a] {
+.discount-card[data-v-e5d1ccd1] {
   transition: all 0.2s ease;
 }
-.discount-card[data-v-d7e1163a]:hover {
+.discount-card[data-v-e5d1ccd1]:hover {
   border-color: rgb(var(--main));
 }
 
@@ -2588,16 +2592,16 @@ to {
     transform: rotate(360deg);
 }
 }
-.h-60[data-v-5adf0e62] {
+.h-60[data-v-4b92037a] {
   height: 60%;
 }
-.notification[data-v-5adf0e62] {
+.notification[data-v-4b92037a] {
   z-index: 100;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   transition: all 0.3s ease;
-  animation: fadeIn-5adf0e62 0.3s;
+  animation: fadeIn-4b92037a 0.3s;
 }
-@keyframes fadeIn-5adf0e62 {
+@keyframes fadeIn-4b92037a {
 from { opacity: 0; transform: translateY(20px);
 }
 to { opacity: 1; transform: translateY(0);