@ozdao/martyrs 0.2.488 → 0.2.491

package/dist/style.css

@@ -0,0 +1,3314 @@
+@charset "UTF-8";
+.carousel {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.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__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__dot--active {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.auth_slider .carousel {
+  height: 100%;
+}
+.auth_slider .carousel__container {
+  height: 100%;
+}
+.parent-div {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  object-fit: contain;
+}
+.background-div {
+  background-size: cover;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+.background-div {
+  flex-grow: 1;
+}.tab-selector {
+  position: absolute;
+  width: 50%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 0;
+  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+input[data-v-69b12b85],
+textarea[data-v-69b12b85],
+span[data-v-69b12b85] {
+  color: inherit;
+  line-height: 1;
+}
+textarea[data-v-69b12b85] {
+  resize: none;
+  overflow: hidden; 
+  height: 1rem;
+}
+input[type="date"][data-v-69b12b85]::-webkit-calendar-picker-indicator,
+input[type="time"][data-v-69b12b85]::-webkit-calendar-picker-indicator {
+  filter: invert(1);
+  opacity: 1;
+  color: inherit;
+}
+
+.circular-loader-centered {
+  top: calc(50% - 1rem);
+  left: calc(50% - 1rem);
+}
+.circular-loader svg {
+  animation: rotate 2s linear infinite;
+}
+.circular-loader-circle {
+  stroke-dasharray: 1, 200;
+  stroke-dashoffset: 0;
+  stroke-linecap: round;
+  stroke: rgb(var(--main));
+  animation: dash 1.5s ease-in-out infinite;
+}
+.circular-loader-fill {
+  stroke-linecap: round;
+  stroke: rgba(var(--black),0.2);
+}
+.progress-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 0.8rem;
+  color: rgb(var(--main));
+}
+.status-text {
+  position: absolute;
+  top: 120%;
+  left: calc(50% - 5rem);
+  font-size: 0.8rem;
+  width: 10rem !important;
+  text-align: center;
+}
+@keyframes rotate {
+100% {
+    transform: rotate(360deg);
+}
+}
+@keyframes dash {
+0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+}
+50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35;
+}
+100% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: -124;
+}
+}
+button[disabled] {
+  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 {
+  text-box: trim-both cap alphabetic;
+}
+.button {
+  display: flex;
+  padding: 0.5rem;
+  border-radius: 3rem;
+  text-box: trim-both cap alphabetic;
+  transform: scale(1);
+  opacity: 1;
+  align-items: center;
+  justify-content: center;
+  color: black;
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1rem;
+  letter-spacing: 5%;
+  transition: all 0.33s ease;
+}
+.button:hover {
+  cursor: pointer;
+  opacity: 0.9;
+}
+.button:active {
+  transform: scale(0.95);
+}
+.button-small {
+  padding: 0.75rem;
+  border-radius: 0.5rem;
+  height: fit-content;
+}
+.button .button-counter {
+  position: absolute;
+  right: -8px;
+  bottom: -8px;
+  background: yellow;
+  height: 16px;
+  border-radius: 16px;
+  width: 16px;
+  font-weight: 500;
+  text-align: center;
+  line-height: 16px;
+  font-size: 10px;
+}
+.button-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+.icon {
+  width: 1rem;
+  height: 1rem;
+}
+
+/* Vue Transitions */
+.content-enter-active,
+.content-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.content-enter-from {
+  opacity: 0;
+  transform: translateY(8px) scale(0.95);
+}
+.content-leave-to {
+  opacity: 0;
+  transform: translateY(-8px) scale(0.95);
+}
+.content-enter-to,
+.content-leave-from {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.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;
+}.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.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;
+}
+.dropdown-content {
+  display: block;
+  position: absolute;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+}
+
+/*.dropdown:hover .dropdown-content {
+  display: block;
+}*/
+.mobile-menu-section > div:last-of-type {
+  border-bottom: none !important;
+}.no-scroll {
+  overflow: hidden;
+}
+.no-scroll #view {
+  overflow: hidden;
+}
+.popup-wrapper {
+  display: flex;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 40;
+  /* Default alignment - center center */
+  /* Top alignments */
+  /* Center alignments */
+  /* Bottom alignments */
+}
+.popup-wrapper.align-center-center {
+  align-items: center;
+  justify-content: center;
+}
+.popup-wrapper.align-top-left {
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.popup-wrapper.align-top-center {
+  align-items: flex-start;
+  justify-content: center;
+}
+.popup-wrapper.align-top-right {
+  align-items: flex-start;
+  justify-content: flex-end;
+}
+.popup-wrapper.align-center-left {
+  align-items: center;
+  justify-content: flex-start;
+}
+.popup-wrapper.align-center-right {
+  align-items: center;
+  justify-content: flex-end;
+}
+.popup-wrapper.align-bottom-left {
+  align-items: flex-end;
+  justify-content: flex-start;
+}
+.popup-wrapper.align-bottom-center {
+  align-items: flex-end;
+  justify-content: center;
+}
+.popup-wrapper.align-bottom-right {
+  align-items: flex-end;
+  justify-content: flex-end;
+}
+.popup-wrapper .popup {
+  position: absolute;
+  height: auto;
+  padding: 2rem;
+  min-width: 24rem;
+  border-radius: 2rem;
+  overflow: hidden;
+  color: white;
+  background: black;
+  z-index: 40;
+}
+.color-overlay {
+  display: block;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0);
+  pointer-events: none;
+  transform: scale(1.5);
+  transition: all 0.5s cubic-bezier(0.31, 0.79, 0.24, 0.92);
+}
+.color-overlay.active {
+  background: rgba(0, 0, 0, 0.25);
+  pointer-events: all;
+}li[data-v-849e5dfe] {
+  list-style-type: none;
+}
+ul li[data-v-849e5dfe] {
+  line-height: 2;
+}
+.field-wrapper[data-v-849e5dfe]:focus {
+  outline: none;
+}.vue3-reactive-tel-input {
+  display: flex;
+}
+.vue3-reactive-tel-input.disabled .dropdown,
+.vue3-reactive-tel-input.disabled .selection,
+.vue3-reactive-tel-input.disabled input {
+  cursor: no-drop;
+}
+.vti__dropdown {
+  display: flex;
+  flex-direction: column;
+  align-content: center;
+  justify-content: center;
+  position: relative;
+  padding: 0.5rem;
+  cursor: pointer;
+}
+.vti__dropdown.show {
+  max-height: 300px;
+  overflow: scroll;
+}
+.vti__dropdown-list {
+  z-index: 1;
+  padding: 0;
+  margin: 0;
+  text-align: left;
+  list-style: none;
+  max-height: 200px;
+  overflow-y: scroll;
+  position: absolute;
+  left: -1px;
+  background-color: #fff;
+  width: fit-content;
+}
+.vti__dropdown-list.below {
+  top: 33px;
+}
+.vti__dropdown-list.above {
+  top: auto;
+  bottom: 100%;
+}
+.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__input {
+  color: inherit;
+  border: none;
+  border-radius: 0 2px 2px 0;
+  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);
+}
+.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;
+}.input-error {
+  border: 1px solid red;
+  box-shadow: 0 0 3px 0 red;
+}.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.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;
+}
+.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%;
+}
+.vue3-marquee .overlay:before {
+  left: 0;
+  top: 0;
+}
+.vue3-marquee .overlay:before, .vue3-marquee .overlay:after {
+  content: "";
+  position: absolute;
+  z-index: 2;
+}
+.vue3-marquee .transparent-overlay {
+  position: absolute;
+  width: 100.5%;
+  height: 100.5%;
+}
+.vue3-marquee.horizontal {
+  overflow-x: hidden !important;
+  flex-direction: row !important;
+  width: 100%;
+  height: max-content;
+}
+.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));
+  height: 100%;
+  width: var(--gradient-length);
+}
+.vue3-marquee.horizontal .overlay::after {
+  transform: rotateZ(180deg);
+  right: 0;
+  top: 0;
+}
+.vue3-marquee.vertical {
+  overflow-y: hidden !important;
+  flex-direction: column !important;
+  height: 100%;
+  width: max-content;
+}
+.vue3-marquee.vertical .marquee {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.vue3-marquee.vertical .overlay::before, .vue3-marquee.vertical .overlay::after {
+  background: linear-gradient(to bottom, var(--gradient-color));
+  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: translateX(0%);
+}
+100% {
+    transform: translateX(-100%);
+}
+}
+@keyframes scrollY {
+0% {
+    transform: translateY(0%);
+}
+100% {
+    transform: translateY(-100%);
+}
+}.selector {
+  flex-grow: 1;
+  flex-basis: 0;
+  min-width: 0;
+}
+/* Стили для режима загрузки */
+.skeleton-wrapper--loading[data-v-b175ac0f] * {
+  color: transparent !important;
+  border-color: transparent !important;
+  position: relative;
+}
+.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-b175ac0f] *::before,
+.skeleton-wrapper--loading[data-v-b175ac0f] *::after {
+  display: none !important;
+}
+.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-b175ac0f] *::before {
+  content: '';
+  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%
+  );
+}
+
+/* Стили для структурного скелетона */
+.skeleton-structure[data-v-b175ac0f] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  width: 100%;
+}
+
+/* Горизонтальный скелетон для карточек пользователей */
+.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;
+}
+.skeleton-item[data-v-b175ac0f]::after {
+  content: '';
+  position: absolute;
+  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%;
+}
+.skeleton-item--text-group[data-v-b175ac0f] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  flex: 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;
+}
+.skeleton-item--button[data-v-b175ac0f] {
+  height: 3rem;
+  width: 8rem;
+}
+.skeleton-item--circle[data-v-b175ac0f] {
+  border-radius: 50%;
+}
+.skeleton-item--action[data-v-b175ac0f] {
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.skeleton-item--actions-group[data-v-b175ac0f] {
+  display: flex;
+  gap: 0.5rem;
+  margin-left: auto;
+}
+.skeleton-item--square[data-v-b175ac0f] {
+  aspect-ratio: 1 / 1;
+}
+
+/* Размеры */
+.skeleton-item--small[data-v-b175ac0f] {
+  width: 30%;
+}
+.skeleton-item--medium[data-v-b175ac0f] {
+  width: 60%;
+}
+.skeleton-item--large[data-v-b175ac0f] {
+  width: 100%;
+}
+.skeleton-item--rounded[data-v-b175ac0f] {
+  border-radius: 50%;
+}
+
+/* Дефолтный скелетон */
+.skeleton-default[data-v-b175ac0f] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  width: 100%;
+}
+
+/* Анимация движения полосы */
+@keyframes shimmer-b175ac0f {
+0% {
+    left: -100%;
+}
+100% {
+    left: 100%;
+}
+}
+.calendar[aria-disabled=true][data-v-5b68ada8] {
+  cursor: not-allowed;
+}
+.calendar[aria-disabled=true][data-v-5b68ada8] * {
+  pointer-events: none;
+}
+.calendar__week[data-v-5b68ada8] {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 5px;
+  margin-bottom: 10px;
+}
+.calendar__weekday[data-v-5b68ada8] {
+  text-align: center;
+}
+.calendar__dates[data-v-5b68ada8] {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  grid-auto-rows: 1fr;
+}
+.calendar__dates[data-v-5b68ada8]::before {
+  content: "";
+  width: 0;
+  padding-bottom: 100%;
+  grid-row: 1/1;
+  grid-column: 1/1;
+}
+.calendar__dates[data-v-5b68ada8] > *:first-child {
+  grid-row: 1/1;
+  grid-column: 1/1;
+}
+.calendar__date--today[data-v-5b68ada8] {
+  background-color: rgb(var(--main)) !important;
+  font-weight: bold;
+}
+.calendar__date--in-other-month[data-v-5b68ada8] {
+  color: #aaaaaa; /* Grey text color for dates from adjacent months */
+}
+.calendar__date--selected[data-v-5b68ada8] {
+  background-color: #007bff !important;
+  color: #fff;
+}
+.calendar__date--range[data-v-5b68ada8] {
+  background-color: #1c6ab8 !important;
+}
+.calendar__date--disabled[data-v-5b68ada8], .calendar__date--unavailable[data-v-5b68ada8] {
+  color: #ccc;
+  cursor: not-allowed;
+  text-decoration: line-through;
+  opacity: 0.5;
+}
+.calendar__date--low-availability[data-v-5b68ada8] {
+  position: relative;
+  background-color: #f0f0f0;
+  /*  border: 1px solid #fff3cd;*/
+  /*  background-color: #fff3cd;*/
+}
+.availability-indicator[data-v-5b68ada8] {
+  position: absolute;
+  bottom: 2px;
+  right: 2px;
+  font-size: 8px;
+  color: #6c757d;
+}
+button[data-v-5b68ada8]:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.calendar-tooltip[data-v-5b68ada8] {
+  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;
+}.spoiler {
+  overflow: hidden;
+  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.range-slider input[type="range"] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 6px;
+  background: var(--color-light);
+  border-radius: 3px;
+  outline: none;
+}
+.range-slider input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 18px;
+  height: 18px;
+  background: var(--color-primary);
+  border-radius: 50%;
+  cursor: pointer;
+}
+.range-slider input[type="range"]::-moz-range-thumb {
+  width: 18px;
+  height: 18px;
+  background: var(--color-primary);
+  border-radius: 50%;
+  cursor: pointer;
+  border: none;
+}
+
+.btn-filter {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s;
+  white-space: nowrap;
+}
+.btn-filter:hover {
+  opacity: 0.8;
+}
+.filters-container {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+.feed-move,
+.feed-enter-active,
+.feed-leave-active {
+  transition: all 0.5s ease;
+}
+.feed-enter-from,
+.feed-leave-to {
+  opacity: 0;
+  transform: translateY(30px);
+}
+.feed-leave-active {
+  position: absolute;
+}
+
+.icon-custom { 
+  background: white;
+}
+
+.t-trimmed {
+		font-size: 0;
+}
+
+.tooltip-container {
+  position: relative;
+  display: inline-block;
+}
+.tooltip-content {
+  pointer-events: none;
+}
+
+.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;
+  flex-wrap: nowrap;
+}
+.breadcrumbs .home {
+  height: 1rem;
+}
+.breadcrumbs .chevron {
+  height: 0.75rem;
+}
+.breadcrumbs a {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.breadcrumbs a span {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+.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);
+}
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  min-height: 0;
+  position: absolute;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
+}.constructor-iframe iframe {
+  width: 100% !important;
+  height: 100% !important;
+  position: relative !important;
+}.editable-div {
+  width: 100%;
+  min-height: 1rem;
+  background-color: transparent;
+  outline: none;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.editable-div:empty::before {
+  content: attr(placeholder);
+  color: #999;
+}
+.editable-div:focus {
+  border: 0;
+}
+.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);
+}
+.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;
+}
+.formatting-bar button:hover {
+  background-color: #e0e0e0;
+}
+.formatting-bar button:active {
+  background-color: #d0d0d0;
+}input[data-v-efdb42f1], span[data-v-efdb42f1] {
+  line-height: 1;
+  color: inherit;
+}
+.draggable-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.ti-tag-input {
+  background-color: transparent;
+  color: inherit;
+  border: none;
+  padding: 0px;
+  margin: 0px;
+  display: flex;
+  top: 0px;
+  position: absolute;
+  width: 100%;
+  line-height: inherit;
+}
+.ti-tag-input::-ms-clear {
+  display: none;
+}
+input:focus {
+  outline: none;
+}
+input[disabled] {
+  background-color: transparent;
+}
+
+.ti-icon-check:before {
+  content: "\e902";
+  font-size: 0.5rem;
+}
+.ti-icon-close:before {
+  content: "✕";
+  font-size: 0.5rem;
+}
+.ti-icon-undo:before {
+  content: "↺";
+  font-size: 0.5rem;
+}
+ul {
+  margin: 0px;
+  padding: 0px;
+  list-style-type: none;
+}
+*, *:before, *:after {
+  box-sizing: border-box;
+}
+input:focus {
+  outline: none;
+}
+input[disabled] {
+  background-color: transparent;
+}
+div.vue-tags-input.disabled {
+  opacity: 0.5;
+}
+div.vue-tags-input.disabled * {
+  cursor: default;
+}
+.ti-input {
+  display: flex;
+}
+.ti-tags {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  line-height: 1em;
+}
+.ti-tag {
+  background-color: rgb(var(--main));
+  color: rgb(var(--black));
+  border-radius: 4rem;
+  display: flex;
+  padding: 1px 8px 2px;
+  margin: 2px;
+  font-size: 0.85em;
+  min-height: 2rem;
+}
+.ti-tag:focus {
+  outline: none;
+}
+.ti-tag .ti-content {
+  display: flex;
+  align-items: center;
+}
+.ti-tag .ti-tag-center {
+  position: relative;
+}
+.ti-tag span {
+  line-height: 0.85em;
+}
+.ti-tag span.ti-hidden {
+  padding-left: 14px;
+  visibility: hidden;
+  height: 0px;
+  white-space: pre;
+}
+.ti-tag .ti-actions {
+  margin-left: 2px;
+  display: flex;
+  align-items: center;
+  font-size: 1.15em;
+}
+.ti-tag .ti-actions i {
+  cursor: pointer;
+}
+.ti-tag:last-child {
+  margin-right: 4px;
+}
+.ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
+  background-color: #e54d42;
+}
+.ti-new-tag-input-wrapper {
+  display: flex;
+  flex: 1 0 auto;
+  padding: 3px 5px;
+  margin: 2px;
+  font-size: 0.85em;
+}
+.ti-new-tag-input-wrapper input {
+  flex: 1 0 auto;
+  min-width: 100px;
+  border: none;
+  padding: 0px;
+  margin: 0px;
+}
+.ti-new-tag-input {
+  line-height: initial;
+}
+.ti-autocomplete {
+  border-top: none;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 110%;
+  z-index: 20;
+}
+.ti-item > div {
+  cursor: pointer;
+  padding: 3px 6px;
+  width: 100%;
+}
+.ti-selected-item {
+  background-color: rgb(var(--main));
+  color: #fff;
+}
+.ti-tag-toDefactor {
+    background-color: rgb(var(--main));
+    color: rgb(var(--black));
+    border-radius: 4rem;
+    padding: 1px 8px 2px;
+    margin: 2px;
+    font-size: .85em;
+}
+
+.fade-enter-active[data-v-fe817eef],
+.fade-leave-active[data-v-fe817eef] {
+  transition: opacity 0.3s ease;
+}
+.fade-enter-from[data-v-fe817eef],
+.fade-leave-to[data-v-fe817eef] {
+  opacity: 0;
+}
+.slider-hotpost :deep(.carousel__slide) {
+  flex: 0 0 25%;
+}
+@media screen and (max-width: 1025px) {
+.slider-hotpost :deep(.carousel__slide) {
+    flex: 0 0 75%;
+}
+}.error-wrapper {
+  position: absolute;
+  left: 0;
+  right: 0;
+}.snack-wrapper {
+  position: fixed;
+  bottom: var(--gap);
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1000;
+  animation: slideUp 0.3s ease-out;
+}
+@keyframes slideUp {
+from {
+    transform: translateX(-50%) translateY(100%);
+    opacity: 0;
+}
+to {
+    transform: translateX(-50%) translateY(0);
+    opacity: 1;
+}
+}.header-shopcart {
+  position: absolute;
+  right: 4.25rem;
+}
+.header-title {
+  pointer-events: none;
+}
+.slideIn-enter-active,
+.slideIn-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slideIn-enter-from,
+.slideIn-leave-to {
+  opacity: 0;
+  transform: translateX(10px);
+}
+.slideIn-enter-from span,
+.slideIn-leave-to span {
+  position: absolute;
+}
+.slideY-enter-active,
+.slideY-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slideY-enter-from,
+.slideY-leave-to {
+  opacity: 0;
+  transform: translateY(50px);
+}
+.slideY-enter-from span,
+.slideY-leave-to span {
+  position: absolute;
+}
+.pac-container {
+  position: absolute;
+  background-color: white;
+  z-index: 1000;
+  border-radius: 2rem;
+  overflow: hidden;
+}
+
+.my-location-button {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 99;
+}
+.gm-style-cc { display:none;
+}
+
+
+.shop-cart {
+  display: block;
+  position: fixed;
+  right: -33%;
+  top: 0;
+  height: 100%;
+  width: 33%;
+  overflow-y: scroll;
+}
+.shop-cart-active {
+  right: 0;
+}
+@media screen and (max-width: 1025px) {
+.shop-cart {
+    width: 100%;
+    right: -100%;
+}
+.shop-cart .shopcart-footer {
+    width: 100%;
+    right: -100%;
+}
+.shop-cart-active {
+    right: 0;
+}
+.shop-cart-active .shopcart-footer {
+    right: 0;
+}
+}.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.5s;
+}
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+.fade-move,
+.fade-enter-active,
+.fade-leave-active {
+  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
+}
+
+/* 2. declare enter from and leave to state */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+  transform: translate(30px, 0);
+}
+
+/* 3. ensure leaving items are taken out of layout flow so that moving
+      animations can be calculated correctly. */
+.fade-leave-active {
+  position: absolute;
+}
+.moveFromTop-enter-active,
+.moveFromTop-leave-active {
+  transition: all 0.3s ease, max-height 0.2s ease;
+  overflow: hidden;
+}
+.moveFromTop-enter-from,
+.moveFromTop-leave-to {
+  transform: translateY(-1rem);
+  opacity: 0;
+}
+.moveFromTopAbsolute-enter-active,
+.moveFromTopAbsolute-leave-active {
+  transform: translateY(0);
+  opacity: 1;
+  transition: all 0.5s ease;
+}
+.moveFromTopAbsolute-enter-from,
+.moveFromTopAbsolute-leave-to {
+  position: absolute;
+  transform: translateY(-1rem);
+  opacity: 0;
+  transition: all 0.5s ease;
+}
+.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);
+}
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  min-height: 0;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
+}
+.scaleTransition-5px-enter-active,
+.scaleTransition-5px-leave-active {
+  transform: translateY(0px);
+  opacity: 1;
+  z-index: 1;
+  transition: all 0.2s ease;
+}
+.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-8aa96de9] {
+  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-c9d03610] {
+  position: relative;
+  display: inline-block;
+}
+.notification-button[data-v-c9d03610] {
+  background: none;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  font-size: 1.2rem;
+}
+.notification-icon[data-v-c9d03610] {
+  font-size: 1.4rem;
+}
+.button-counter[data-v-c9d03610] {
+  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-c9d03610],
+.notifications-empty[data-v-c9d03610] {
+  padding: 24px;
+  text-align: center;
+  color: rgb(var(--text-light));
+}
+.location-button:hover {
+  box-shadow: inset 0 0 0 2px rgb(var(--main));
+}
+.menu-btn {
+  display: block;
+  width: 2rem;
+  height: 2rem;
+  border-radius: 50%;
+  position: relative;
+}
+.menu-btn span,
+.menu-btn__before,
+.menu-btn__after {
+  position: absolute;
+  top: 50%;
+  margin-top: -1px;
+  left: 50%;
+  margin-left: -10px;
+  width: 20px;
+  height: 2px;
+}
+.menu-btn__before,
+.menu-btn__after {
+  display: block;
+  transition: 0.2s;
+}
+.menu-btn__before {
+  transform: translateY(-5px);
+}
+.menu-btn__after {
+  transform: translateY(5px);
+}
+.menu-btn_active .menu-btn__before {
+  transform: rotate(-35deg);
+  width: 10px;
+  transform-origin: left bottom;
+}
+.menu-btn_active .menu-btn__after {
+  transform: rotate(35deg);
+  width: 10px;
+  transform-origin: left top;
+}
+.menu-btn_active span:before {
+  transform: rotate(-35deg);
+  width: 10px;
+  transform-origin: left bottom;
+}
+.menu-btn_active span:after {
+  transform: rotate(35deg);
+  width: 10px;
+  transform-origin: left top;
+}
+.menu-block {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.menu-nav {
+  background-color: #fff;
+  height: 50px;
+}
+.menu-nav__link {
+  display: inline-block;
+  text-decoration: none;
+  color: #fff;
+  margin-right: 20px;
+}
+.menu-nav__link {
+  transition: 0.5s;
+  transform-origin: right center;
+  transform: translateX(50%);
+  opacity: 0;
+}
+.menu-nav__link_active {
+  transform: translateX(0%);
+  opacity: 1;
+}
+.rotate-180[data-v-2c43f1ca] {
+  transform: rotate(180deg);
+}
+.hidden[data-v-2c43f1ca] {
+/*  opacity: 0;*/
+  width: 0;
+  display: none;
+}
+.visible[data-v-2c43f1ca] {
+/*  opacity: 1;*/
+  display: block;
+}
+
+/* Dropdown animations */
+.dropdown-enter[data-v-2c43f1ca], .dropdown-leave[data-v-2c43f1ca] {
+  transition: all 0.3s ease-in-out;
+}
+.dropdown-enter-from[data-v-2c43f1ca], .dropdown-leave-to[data-v-2c43f1ca] {
+  opacity: 0;
+  transform: translateY(-0.5rem);
+}
+.dropdown-enter-to[data-v-2c43f1ca], .dropdown-leave-from[data-v-2c43f1ca] {
+  opacity: 1;
+  transform: translateY(0);
+}
+
+.hidden[data-v-6db7716d] {
+  opacity: 0;
+  width: 0;
+  display: none;
+}
+.visible[data-v-6db7716d] {
+  opacity: 1;
+  display: block;
+}
+
+/* Scrollbar styles */
+[data-v-6db7716d]::-webkit-scrollbar {
+  width: 6px;
+}
+[data-v-6db7716d]::-webkit-scrollbar-track {
+  background: transparent;
+}
+[data-v-6db7716d]::-webkit-scrollbar-thumb {
+  background-color: var(--grey-micro);
+  border-radius: 3px;
+}
+[data-v-6db7716d]::-webkit-scrollbar-thumb:hover {
+  background-color: var(--grey-small);
+}
+
+fieldset[disabled] .multiselect {
+  pointer-events: none;
+}
+.multiselect__spinner {
+  position: absolute;
+  right: 1px;
+  top: 1px;
+  width: 40px;
+  height: 38px;
+  background: #fff;
+  display: block;
+}
+.multiselect__spinner::before,
+.multiselect__spinner::after {
+  position: absolute;
+  content: "";
+  top: 50%;
+  left: 50%;
+  margin: -8px 0 0 -8px;
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  border-color: #41b883 transparent transparent;
+  border-style: solid;
+  border-width: 2px;
+  box-shadow: 0 0 0 1px transparent;
+}
+.multiselect__spinner::before {
+  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
+  animation-iteration-count: infinite;
+}
+.multiselect__spinner::after {
+  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
+  animation-iteration-count: infinite;
+}
+.multiselect__loading-enter-active,
+.multiselect__loading-leave-active {
+  transition: opacity 0.4s ease-in-out;
+  opacity: 1;
+}
+.multiselect__loading-enter,
+.multiselect__loading-leave-active {
+  opacity: 0;
+}
+.multiselect,
+.multiselect__input,
+.multiselect__single {
+  font-family: inherit;
+  touch-action: manipulation;
+}
+.multiselect {
+  display: block;
+  position: relative;
+  width: 100%;
+  min-height: 40px;
+}
+.multiselect * {
+  box-sizing: border-box;
+}
+.multiselect:focus {
+  outline: none;
+}
+.multiselect--disabled {
+  background: #ededed;
+  pointer-events: none;
+  opacity: 0.6;
+}
+.multiselect--active {
+  z-index: 50;
+}
+.multiselect--active:not(.multiselect--above) .multiselect__current,
+.multiselect--active:not(.multiselect--above) .multiselect__input,
+.multiselect--active:not(.multiselect--above) .multiselect__tags {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.multiselect--active .multiselect__select {
+  transform: rotateZ(180deg);
+}
+.multiselect--above.multiselect--active .multiselect__current,
+.multiselect--above.multiselect--active .multiselect__input,
+.multiselect--above.multiselect--active .multiselect__tags {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.multiselect__input,
+.multiselect__single,
+.multiselect__placeholder {
+  position: relative;
+  display: inline-block;
+  min-height: 20px;
+  line-height: 20px;
+  border: none;
+  width: calc(100%);
+  height: inherit;
+  box-sizing: border-box;
+  vertical-align: top;
+  display: flex;
+  align-items: center;
+}
+.multiselect__input::placeholder {
+  color: #35495e;
+}
+.multiselect__tag ~ .multiselect__input,
+.multiselect__tag ~ .multiselect__single {
+  width: auto;
+}
+.multiselect__input:hover,
+.multiselect__single:hover {
+  border-color: #cfcfcf;
+}
+.multiselect__input:focus,
+.multiselect__single:focus {
+  border-color: #a8a8a8;
+  outline: none;
+}
+.multiselect__tags-wrap {
+  display: inline;
+}
+.multiselect__tags {
+  display: block;
+  height: inherit;
+}
+.multiselect__tag {
+  position: relative;
+  display: inline-block;
+  padding: 4px 26px 4px 10px;
+  border-radius: 5px;
+  margin-right: 10px;
+  color: #fff;
+  line-height: 1;
+  background: #41b883;
+  margin-bottom: 5px;
+  white-space: nowrap;
+  overflow: hidden;
+  max-width: 100%;
+  text-overflow: ellipsis;
+}
+.multiselect__tag-icon {
+  cursor: pointer;
+  margin-left: 7px;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  font-weight: 700;
+  font-style: initial;
+  width: 22px;
+  text-align: center;
+  line-height: 22px;
+  transition: all 0.2s ease;
+  border-radius: 5px;
+}
+.multiselect__tag-icon::after {
+  content: "×";
+  color: #266d4d;
+  font-size: 14px;
+}
+.multiselect__tag-icon:focus::after,
+.multiselect__tag-icon:hover::after {
+  color: white;
+}
+.multiselect__current {
+  line-height: 16px;
+  min-height: 40px;
+  box-sizing: border-box;
+  display: block;
+  overflow: hidden;
+  padding: 8px 12px 0;
+  padding-right: 30px;
+  white-space: nowrap;
+  margin: 0;
+  text-decoration: none;
+  border-radius: 5px;
+  border: 1px solid #e8e8e8;
+  cursor: pointer;
+}
+.multiselect__select {
+  line-height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: center;
+  position: absolute;
+  box-sizing: border-box;
+  width: 40px;
+  height: 38px;
+  right: 1px;
+  top: calc(50% - 19px);
+  padding: 4px 8px;
+  margin: 0;
+  text-decoration: none;
+  text-align: center;
+  cursor: pointer;
+  transition: transform 0.2s ease;
+}
+.multiselect__select::before {
+  position: relative;
+  color: #999;
+  margin-top: 4px;
+  border-style: solid;
+  border-width: 5px 5px 0 5px;
+  border-color: #999 transparent transparent transparent;
+  content: "";
+}
+.multiselect--active .multiselect__placeholder {
+  display: none;
+}
+.multiselect__content-wrapper {
+  position: absolute;
+  display: block;
+  background: #fff;
+  width: 100%;
+  max-height: 240px;
+  height: min-content;
+  overflow: auto;
+  left: 0;
+  border-top: none;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  z-index: 50;
+  -webkit-overflow-scrolling: touch;
+}
+.multiselect__content {
+  list-style: none;
+  display: inline-block;
+  padding: 0;
+  margin: 0;
+  min-width: 100%;
+  vertical-align: top;
+}
+.multiselect--above .multiselect__content-wrapper {
+  bottom: 100%;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  border-bottom: none;
+  border-top: 1px solid #e8e8e8;
+}
+.multiselect__content::-webkit-scrollbar {
+  display: none;
+}
+.multiselect__element {
+  display: block;
+}
+.multiselect__option {
+  display: block;
+  padding: 12px;
+  min-height: 40px;
+  line-height: 16px;
+  text-decoration: none;
+  text-transform: none;
+  vertical-align: middle;
+  position: relative;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.multiselect__option::after {
+  top: 0;
+  right: 0;
+  position: absolute;
+  line-height: 40px;
+  padding-right: 12px;
+  padding-left: 20px;
+  font-size: 13px;
+}
+.multiselect__option--highlight {
+  background: rgba(var(--main), 0.1);
+  outline: none;
+}
+.multiselect__option--highlight::after {
+  content: attr(data-select);
+}
+.multiselect__option--selected {
+  background: #f3f3f3;
+  color: #35495e;
+  font-weight: bold;
+}
+.multiselect__option--selected::after {
+  content: attr(data-selected);
+  color: silver;
+  background: inherit;
+}
+.multiselect__option--selected.multiselect__option--highlight {
+  background: rgba(var(--red), 0.1);
+}
+.multiselect__option--selected.multiselect__option--highlight::after {
+  content: attr(data-deselect);
+}
+.multiselect--disabled .multiselect__current,
+.multiselect--disabled .multiselect__select {
+  background: #ededed;
+  color: #a6a6a6;
+}
+.multiselect__option--disabled {
+  background: #ededed !important;
+  color: #a6a6a6 !important;
+  cursor: text;
+  pointer-events: none;
+}
+.multiselect__option--group {
+  background: #ededed;
+  color: #35495e;
+}
+.multiselect__option--group.multiselect__option--highlight {
+  background: #35495e;
+  color: #fff;
+}
+.multiselect__option--group.multiselect__option--highlight::after {
+  background: #35495e;
+}
+.multiselect__option--disabled.multiselect__option--highlight {
+  background: #dedede;
+}
+.multiselect__option--group-selected.multiselect__option--highlight {
+  background: #ff6a6a;
+  color: #fff;
+}
+.multiselect__option--group-selected.multiselect__option--highlight::after {
+  background: #ff6a6a;
+  content: attr(data-deselect);
+  color: #fff;
+}
+.multiselect-enter-active,
+.multiselect-leave-active {
+  transition: all 0.15s ease;
+}
+.multiselect-enter,
+.multiselect-leave-active {
+  opacity: 0;
+}
+.multiselect__strong {
+  margin-bottom: 8px;
+  line-height: 20px;
+  display: inline-block;
+  vertical-align: top;
+}
+*[dir="rtl"] .multiselect {
+  text-align: right;
+}
+*[dir="rtl"] .multiselect__select {
+  right: auto;
+  left: 1px;
+}
+*[dir="rtl"] .multiselect__tags {
+  padding: 8px 8px 0 40px;
+}
+*[dir="rtl"] .multiselect__content {
+  text-align: right;
+}
+*[dir="rtl"] .multiselect__option::after {
+  right: auto;
+  left: 0;
+}
+*[dir="rtl"] .multiselect__clear {
+  right: auto;
+  left: 12px;
+}
+*[dir="rtl"] .multiselect__spinner {
+  right: auto;
+  left: 1px;
+}
+@keyframes spinning {
+from {
+    transform: rotate(0);
+}
+to {
+    transform: rotate(2turn);
+}
+}
+
+  /* Add styles for the user card component here */
+
+.gmap[data-v-b891021c] {
+  height: 100%;
+  width: 100%;
+}
+
+.subspotsartment[data-v-f240e93a] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+
+/* Ваши стили */
+.thc {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  width: 6rem;
+  height: 6rem;
+  transition: all linear 0.1s;
+}
+.thc p:first-of-type {
+  font-size: 1.25rem;
+  letter-spacing: -2px;
+  z-index: 7;
+}
+.thc p:last-of-type {
+  z-index: 7;
+}
+.thc svg {
+  z-index: 6;
+  position: absolute;
+  width: 6rem;
+  height: 6rem;
+  left: 0;
+  top: 0;
+}
+@media screen and (max-width: 1025px) {
+.thc {
+    transform: scale(0.75) !important;
+    transform-origin: top right !important;
+}
+}.word-break {
+  width: 100%;
+  overflow: auto;
+  overflow-wrap: break-word;
+  word-break: break-all;
+  white-space: -moz-pre-wrap;
+  white-space: -hp-pre-wrap;
+  white-space: -o-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: pre-wrap;
+  white-space: pre-line;
+  word-wrap: break-word;
+}.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  min-height: 0;
+  position: absolute;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
+}
+.subdepartmentsartment[data-v-7a0fa935] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+
+.documents[data-v-101cc538] {
+  display: flex;
+  flex-direction: column;
+}
+.popup[data-v-101cc538] {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white;
+  border: 1px solid #ccc;
+  padding: 20px;
+  z-index: 10;
+}
+.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  min-height: 0;
+  position: absolute;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
+}.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:hsla(0,0%,100%,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:hsla(0,0%,100%,.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)}.dp--preset-dates[data-dp-mobile]{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}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]: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}.dp__menu_content_wrapper[data-dp-mobile]{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%}.dp__flex_display[data-dp-mobile]{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;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-overlay-btn,.dp--time-invalid{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--tp-wrap[data-dp-mobile]{max-width:100%}.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_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.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__pm_am_button[data-compact~=true]{padding:7px}.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)}: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 */
+.dp__input {
+  border: 0;
+  padding: var(--medium);
+  padding-left: 3rem;
+  background: rgb(var(--white)) !important;
+  border-radius: var(--small);
+}.bg-white-overlay[data-v-0f5877fc] {
+  background: linear-gradient(0deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
+}
+  /* Existing styles can stay unchanged */
+
+#eventPage {
+    display: block;
+}
+.select-country {
+  max-width: 100%;
+}
+.columns-container[data-v-119e7b97] {
+  width: 100%;
+  overflow: hidden;
+}
+.columns-wrapper[data-v-119e7b97] {
+  display: flex;
+  width: 100%;
+}
+@media (min-width: 768px) {
+.columns-wrapper[data-v-119e7b97] {
+    /* Десктоп: 2 колонки рядом */
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+}
+@media (max-width: 767px) {
+.columns-wrapper[data-v-119e7b97] {
+    /* Мобильные устройства: горизонтальный скролл */
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    -webkit-overflow-scrolling: touch;
+}
+}
+@media (max-width: 767px) {
+.column[data-v-119e7b97] {
+    /* Настройки для мобильных устройств */
+    max-width: 90%;
+    flex: 0 0 auto;
+    scroll-snap-align: start;
+}
+.column[data-v-119e7b97]:last-child {
+    margin-right: 0;
+}
+}
+/* Стили остаются неизменными */
+.media-container[data-v-b5d5974f] {
+}
+.media-item[data-v-b5d5974f] {
+  all: inherit;
+  opacity: 1;
+  transition: opacity 0.3s ease;
+}
+.media-item.loading[data-v-b5d5974f] {
+  opacity: 0;
+}
+.media-placeholder[data-v-b5d5974f] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #f5f5f5;
+}
+.media-error[data-v-b5d5974f] {
+  color: #ff4444;
+  padding: 1rem;
+  text-align: center;
+}
+.slider-hotpost .embla__slide {
+  flex: 0 0 75%;
+}
+@media screen and (max-width: 1025px) {
+.slider-hotpost .embla__slide {
+    flex: 0 0 75%;
+}
+}.card-title .card-page-actions {
+  display: none;
+}
+.card-title:hover .card-page-actions {
+  display: block;
+}
+.expand-enter-active[data-v-489e9d2e],
+.expand-leave-active[data-v-489e9d2e] {
+  transition: max-height 0.5s ease-in-out;
+  overflow: hidden;
+}
+.scale-enter-active[data-v-489e9d2e],
+.scale-leave-active[data-v-489e9d2e] {
+  transition: transform 0.5s ease-in-out;
+}
+.scale5-enter-from[data-v-489e9d2e],
+.scale5-leave-to[data-v-489e9d2e] {
+  transform: scale(1.2);
+  opacity: 0;
+}
+.scale5-enter-to[data-v-489e9d2e],
+.scale5-leave-from[data-v-489e9d2e] {
+  transform: scale(1);
+  opacity: 1;
+}
+.product-360-viewer[data-v-489e9d2e] {
+  user-select: none;
+   min-height: 16rem;
+}
+.product-360-viewer img[data-v-489e9d2e] {
+  max-width: 100%;
+  cursor: grab;
+
+  object-fit: cover;
+  transition: all 0.3s ease;
+}
+.product-360-viewer img[data-v-489e9d2e]:active {
+  cursor: grabbing;
+}
+
+/*.product-360-viewer img:hover {
+  transform: scale(1.1);
+}*/
+
+.photo-viewer[data-v-447a838c] {
+  width: 100%;
+  height: 100%;
+  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;
+}
+.slide img[data-v-447a838c] {
+  width: 100%;
+  height: 100%;
+  object-fit: scale-down;
+  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-38ae846b] {
+  width: 100%;
+  object-fit: cover;
+  cursor: pointer;
+}
+.thumbnail.active[data-v-38ae846b] {
+  border: 1px solid rgb(var(--second));
+}
+
+.spiral {
+	
+  background-size: cover;
+  width: 100rem;
+  height: 100rem;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  opacity: 0.066;
+  transform: translate(-50%, -50%) rotate(0deg);
+  transform-origin: center center;
+  animation: spin 5s linear infinite;
+}
+@keyframes spin {
+0% {
+    transform: translate(-50%, -50%) rotate(0deg);
+}
+100% {
+    transform: translate(-50%, -50%) rotate(360deg);
+}
+}
+.popupar_products .carousel__slide {
+  flex: 0 0 25%;
+  min-width: 0;
+}
+@media screen and (max-width: 1025px) {
+.popupar_products .carousel__slide {
+    flex: 0 0 75%;
+    min-width: 0;
+}
+}
+.discount-card[data-v-e5d1ccd1] {
+  transition: all 0.2s ease;
+}
+.discount-card[data-v-e5d1ccd1]:hover {
+  border-color: rgb(var(--main));
+}
+
+.opacity-50[data-v-c24eef78] {
+  opacity: 0.5;
+}
+.text-center[data-v-c24eef78] {
+  text-align: center;
+}
+.text-muted[data-v-c24eef78] {
+  color: #6c757d;
+}
+
+/* Add your styles here */
+.grid-container {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+}
+.grid-item:first-of-type {
+  grid-column: span 2;
+  grid-row: span 2;
+}
+@media screen and (max-width: 1025px) {
+.grid-container {
+    grid-template-columns: repeat(2, 1fr);
+}
+}
+.list-enter-active,
+.list-leave-active {
+  transition: all 0.5s ease;
+}
+.list-enter-from,
+.list-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* Стили остаются без изменений */
+.spiral[data-v-2273f6eb] {
+  background-size: cover;
+  width: 100rem;
+  height: 100rem;
+  position: absolute;
+  opacity: 0.066;
+  transform: translate(-50%, -50%) rotate(0deg);
+  transform-origin: center center;
+  animation: spin-2273f6eb 5s linear infinite;
+}
+@keyframes spin-2273f6eb {
+0% {
+    transform: translate(-50%, -50%) rotate(0deg);
+}
+100% {
+    transform: translate(-50%, -50%) rotate(360deg);
+}
+}.container-joinus {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 66%;
+  position: relative;
+}
+.container-joinus .content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  z-index: 2;
+}@media screen and (max-width: 1025px) {
+#mobileApp {
+    text-align: center;
+}
+#mobileApp > section {
+    flex-direction: column;
+}
+#mobileApp > section > div {
+    order: 1;
+}
+}.grid[data-v-9b14ae83] {
+  perspective: 450px;
+  background-size: cover;
+}
+.grid-lines[data-v-9b14ae83] {
+  width: 100%;
+  height: 200%;
+  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);
+  background-size: 45px 30px;
+  background-repeat: repeat;
+  transform-origin: 100% 0 0;
+  animation: play-9b14ae83 15s linear infinite;
+}
+@keyframes play-9b14ae83 {
+0% {
+    transform: rotateX(45deg) translateY(-50%);
+}
+100% {
+    transform: rotateX(45deg) translateY(0);
+}
+}#grid2[data-v-2dd39d7b] {
+  transition: 500ms;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 3px;
+  background: crimson;
+}
+:where(.left[data-v-2dd39d7b], .center[data-v-2dd39d7b], .right[data-v-2dd39d7b]) {
+  background: navajowhite;
+  transition: 300ms;
+}
+:where(.left[data-v-2dd39d7b], .center[data-v-2dd39d7b], .right[data-v-2dd39d7b]):hover {
+  background: crimson;
+}
+#grid2[data-v-2dd39d7b]:has(.left:hover) {
+  grid-template-columns: 2fr 0.5fr 0.5fr;
+  padding: 3rem;
+}
+#grid2[data-v-2dd39d7b]:has(.center:hover) {
+  grid-template-columns: 0.5fr 2fr 0.5fr;
+  padding: 3rem;
+}
+#grid2[data-v-2dd39d7b]:has(.right:hover) {
+  grid-template-columns: 0.5fr 0.5fr 2fr;
+  padding: 3rem;
+}.sheen:after {
+  content: "";
+  top: 0;
+  left: -25%;
+  transform: translateX(100%);
+  width: 100%;
+  height: 220px;
+  position: absolute;
+  z-index: 1;
+  animation: slide 3s infinite;
+  /* 
+  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
+  */
+  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0))); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* IE10+ */
+  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#007db9e8",GradientType=1 ); /* IE6-9 */
+}
+@keyframes slide {
+0% {
+    transform: translateX(0%);
+    opacity: 0;
+}
+20% {
+    opacity: 1;
+}
+80% {
+    opacity: 1;
+}
+100% {
+    transform: translateX(100%);
+    opacity: 0;
+}
+}.timeline .timeline-item[data-v-148fd4a9] {
+  min-width: 32rem;
+}
+.timeline .timeline-icon[data-v-148fd4a9] {
+  border-radius: 100%;
+  width: 3rem;
+  height: 3rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.timeline .timeline-icon img[data-v-148fd4a9] {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.custom-scroll[data-v-148fd4a9] {
+  overflow-x: scroll;
+  scrollbar-width: none; /* Hide scrollbar for Firefox */
+  -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
+  display: -webkit-box; /* Fix for Safari */
+  display: -webkit-flex; /* Fix for Safari */
+  display: -ms-flexbox;
+  display: flex;
+}
+.custom-scroll[data-v-148fd4a9]::-webkit-scrollbar {
+  width: 0px; /* Hide scrollbar for Chrome and Safari */
+  height: 0px;
+}.custom-table[data-v-b85cde7e] {
+  border-collapse: collapse;
+}
+.custom-table td[data-v-b85cde7e] {
+  vertical-align: middle;
+}
+.status-badge[data-v-d9bc23ad] {
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 0.875rem;
+  color: white;
+  display: inline-block;
+}
+
+.icon-search-popup[data-v-1763f3da] {
+  min-height: 500px;
+}
+.icon-grid[data-v-1763f3da] {
+  min-height: 400px;
+}
+.icon-item[data-v-1763f3da] {
+  transition: all 0.2s ease;
+}
+.icon-item[data-v-1763f3da]:hover {
+  background-color: rgb(var(--light-hover));
+  transform: scale(1.05);
+}
+.icon-preview[data-v-1763f3da] {
+  background: rgb(var(--light));
+  border-radius: 8px;
+}
+.icon-svg[data-v-1763f3da] {
+  filter: none;
+}
+.w-max-800[data-v-1763f3da] {
+  max-width: 800px;
+  width: 90vw;
+}
+[data-v-1763f3da] .feed-enter-active,[data-v-1763f3da] .feed-leave-active {
+  transition: all 0.3s ease;
+}
+[data-v-1763f3da] .feed-enter-from,[data-v-1763f3da] .feed-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
+.eye[data-v-8ec01df7] {
+  animation: rotateEye-8ec01df7 10s linear infinite;
+  transform-origin: center 55%;
+}
+.mouth[data-v-8ec01df7] {
+  animation: rotateMouth-8ec01df7 20s ease-in-out infinite;
+  transform-origin: center 55%;
+}
+@keyframes rotateEye-8ec01df7 {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}
+@keyframes rotateMouth-8ec01df7 {
+0% {
+    transform: rotate(0deg);
+}
+50% {
+    transform: rotate(180deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+.h-60[data-v-1228d04d] {
+  height: 60%;
+}
+.notification[data-v-1228d04d] {
+  z-index: 100;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  transition: all 0.3s ease;
+  animation: fadeIn-1228d04d 0.3s;
+}
+@keyframes fadeIn-1228d04d {
+from { opacity: 0; transform: translateY(20px);
+}
+to { opacity: 1; transform: translateY(0);
+}
+}
+.icon-card .replace-btn[data-v-1228d04d] {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+.icon-card:hover .replace-btn[data-v-1228d04d] {
+  opacity: 1;
+}
+.flex-between[data-v-1228d04d] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.blink[data-v-b6c8ad09] {
+  animation: blink-animation-b6c8ad09 1s ease infinite;
+}
+@keyframes blink-animation-b6c8ad09 {
+0%, 100% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.8;
+}
+}.round-wrapper {
+  position: relative;
+}
+.round-wrapper .round {
+  margin: 0;
+  margin-right: 1rem;
+}
+.round-wrapper input:checked {
+  background: #00ff88;
+}
+.round-wrapper .round-checkmark {
+  position: absolute;
+  width: 0.5rem;
+  height: 0.5rem;
+  background: white;
+  left: 0.5rem;
+  top: 0.5rem;
+  opacity: 1;
+}.vue-select {
+  width: inherit;
+  margin-right: 1rem;
+}
+.vue-select-header {
+  height: 3rem;
+}
+/* Добавляем стиль для текста "просрочено" */
+.t-red[data-v-df82a9d0] {
+  color: red;
+}
+.shop-cart-item[data-v-926e65ca]:first-of-type {
+  padding-top: 0;
+}#map[data-v-4c5385a2]:focus {
+  outline: none;
+}
+  /* Add styles for the user card component here */
+
+.subspotsartment[data-v-bbb2bc5e] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+
+.working-hours-editor[data-v-d25ccbfd] {
+  border-radius: 8px;
+}
+.schedule-item[data-v-d25ccbfd] {
+  transition: all 0.3s ease;
+  border-bottom: 1px solid rgba(var(--grey), 0.1);
+}
+.schedule-item[data-v-d25ccbfd]:last-child {
+  border-bottom: none;
+}
+.period[data-v-d25ccbfd] {
+  display: inline-block;
+}
+.empty-schedule[data-v-d25ccbfd] {
+  color: rgba(var(--dark), 0.6);
+}
+.period-row[data-v-d25ccbfd] {
+  align-items: center;
+}
+.error-message[data-v-d25ccbfd] {
+  color: white;
+}
+
+.form-group[data-v-cca87f09] {
+  margin-bottom: 1rem;
+}
+label[data-v-cca87f09] {
+  display: block;
+  margin-bottom: 0.5rem;
+}
+input[data-v-cca87f09] {
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+.card-page-title .card-page-actions {
+  display: none;
+}
+.card-page-title:hover .card-page-actions {
+  display: block;
+}.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;
+}
+.gantt-chart-container[data-v-6f6bbefe] {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  font-size: 14px;
+}
+.gantt-chart[data-v-6f6bbefe] {
+  position: relative;
+  height: 500px;
+  overflow: auto;
+  border: 1px solid #eee;
+}
+.gantt-header[data-v-6f6bbefe] {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+/*  background-color: #f8f9fa;*/
+/*  box-shadow: 0 2px 4px rgba(0,0,0,0.05);*/
+}
+.gantt-header-row[data-v-6f6bbefe] {
+  display: flex;
+  position: relative;
+}
+.gantt-timeline-header[data-v-6f6bbefe] {
+  display: flex;
+  position: sticky;
+  left: 200px;
+}
+.product-column[data-v-6f6bbefe] {
+  width: 200px;
+  min-width: 200px;
+  position: sticky;
+  left: 0;
+/*  z-index: 1;*/
+  background-color: #f8f9fa;
+  border-right: 1px solid #eee;
+  padding: 8px;
+}
+.gantt-header-cell[data-v-6f6bbefe] {
+  min-width: var(--cell-width, 60px);
+  width: var(--cell-width, 60px);
+  border-right: 1px solid #eee;
+  text-align: center;
+  padding: 8px 4px;
+  overflow: hidden;
+}
+.gantt-header-cell.is-weekend[data-v-6f6bbefe] {
+  background-color: #f1f3f5;
+}
+.gantt-header-cell.is-today[data-v-6f6bbefe] {
+  background-color: #e3f2fd;
+}
+.gantt-header-cell.is-month-start[data-v-6f6bbefe] {
+  border-left: 2px solid #adb5bd;
+}
+.date-label[data-v-6f6bbefe] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.month-label[data-v-6f6bbefe] {
+  font-weight: bold;
+  font-size: 12px;
+  width: 100%;
+}
+.day-number[data-v-6f6bbefe] {
+  font-weight: bold;
+  font-size: 16px;
+}
+.day-name[data-v-6f6bbefe] {
+  font-size: 12px;
+  color: #6c757d;
+}
+.gantt-body[data-v-6f6bbefe] {
+  position: relative;
+}
+.gantt-row[data-v-6f6bbefe] {
+  display: flex;
+  border-bottom: 1px solid #eee;
+}
+.gantt-row.is-even .gantt-timeline-row[data-v-6f6bbefe] {
+   background-color: #f8f9fa;
+}
+.gantt-row-item[data-v-6f6bbefe] {
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.product-title[data-v-6f6bbefe] {
+  font-weight: bold;
+  margin-bottom: 4px;
+  text-wrap-mode: nowrap;
+  width: 100%;
+  overflow: hidden;
+}
+.product-status[data-v-6f6bbefe] {
+  font-size: 12px;
+  padding: 2px 6px;
+  border-radius: 4px;
+  display: inline-block;
+}
+.status-active[data-v-6f6bbefe] {
+  background-color: #d1e7dd;
+  color: #0f5132;
+}
+.status-completed[data-v-6f6bbefe] {
+  background-color: #cff4fc;
+  color: #055160;
+}
+.status-canceled[data-v-6f6bbefe] {
+  background-color: #f8d7da;
+  color: #842029;
+}
+.status-default[data-v-6f6bbefe] {
+  background-color: #e2e3e5;
+  color: #41464b;
+}
+.gantt-timeline-row[data-v-6f6bbefe] {
+  display: flex;
+  position: relative;
+  height: 60px;
+  flex-grow: 1;
+}
+.gantt-cell[data-v-6f6bbefe] {
+  min-width: var(--cell-width, 60px);
+  width: var(--cell-width, 60px);
+  border-right: 1px solid #eee;
+  height: 100%;
+}
+.gantt-cell.is-weekend[data-v-6f6bbefe] {
+  background-color: #f1f3f5;
+}
+.gantt-cell.is-today[data-v-6f6bbefe] {
+  background-color: #e3f2fd;
+}
+.gantt-bar[data-v-6f6bbefe] {
+  position: absolute;
+  height: 40px;
+  top: 10px;
+  border-radius: 4px;
+  background-color: #4dabf7;
+  color: white;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 4px 8px;
+  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+  transition: box-shadow 0.2s, transform 0.1s;
+}
+.gantt-bar[data-v-6f6bbefe]:hover {
+  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
+  transform: translateY(-2px);
+}
+.gantt-bar-active[data-v-6f6bbefe] {
+  background-color: #4dabf7;
+}
+.gantt-bar-completed[data-v-6f6bbefe] {
+  background-color: #20c997;
+}
+.gantt-bar-canceled[data-v-6f6bbefe] {
+  background-color: #fa5252;
+  text-decoration: line-through;
+}
+.gantt-bar-label[data-v-6f6bbefe] {
+  font-size: 12px;
+  font-weight: bold;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.view-controls button[data-v-6f6bbefe], 
+.date-controls button[data-v-6f6bbefe],
+.date-controls select[data-v-6f6bbefe] {
+  border: 1px solid #dee2e6;
+  background-color: white;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+.view-controls button[data-v-6f6bbefe]:hover, 
+.date-controls button[data-v-6f6bbefe]:hover,
+.date-controls select[data-v-6f6bbefe]:hover {
+  background-color: #e9ecef;
+}
+.flex-v-center[data-v-6f6bbefe] {
+  display: flex;
+  align-items: center;
+}
+
+/* Set cell width based on current view */
+[data-v-6f6bbefe]:root {
+  --cell-width: var(--2f86075a);
+}
+.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);
+}
+.progress-bar-container:hover .progress-bar[data-v-4326ac71] {
+  background-color: rgb(var(--main));
+}
+.progress-handle[data-v-4326ac71] {
+  display: none;
+}
+.progress-bar-container:hover .progress-handle[data-v-4326ac71] {
+  display: block;
+  transform: translateY(-50%) scale(1.3);
+}
+
+.volume-bar-container:hover .volume-bar[data-v-08586594]:not(.muted) {
+  background-color: rgb(var(--main));
+}
+.volume-handle[data-v-08586594] {
+  display: none;
+}
+.volume-bar-container:hover .volume-handle[data-v-08586594] {
+  display: block;
+}
+.muted[data-v-08586594] {
+  opacity: 0.5;
+}
+
+.play-pause-btn[data-v-f19b93ab] {
+  width: 32px;
+  height: 32px;
+  transition: transform 0.2s ease;
+}
+.play-pause-btn[data-v-f19b93ab]:hover {
+  transform: scale(1.1);
+}
+
+.search-form[data-v-5d37fb17] {
+  transition: background-color 0.2s ease;
+}
+.search-form[data-v-5d37fb17]:focus-within {
+  background-color: rgba(var(--dark), 0.8);
+}
+input[data-v-5d37fb17]::placeholder {
+  color: rgba(var(--grey), 0.8);
+}
+input[data-v-5d37fb17]:focus {
+  outline: none;
+}
+
+.track-card[data-v-4db48be7] {
+  transition: background-color 0.3s ease;
+}
+.track-card[data-v-4db48be7]:hover {
+  background-color: rgba(var(--dark), 0.4);
+}
+.track-play[data-v-4db48be7] {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+.track-card:hover .track-play[data-v-4db48be7] {
+  opacity: 1;
+}
+.play-button[data-v-4db48be7] {
+  transform: scale(0.8);
+  transition: transform 0.3s ease;
+}
+.track-card:hover .play-button[data-v-4db48be7] {
+  transform: scale(1);
+}
+
+.album-card[data-v-6163e3e6] {
+  transition: transform 0.3s ease;
+}
+.album-card[data-v-6163e3e6]:hover {
+  transform: translateY(-5px);
+}
+.album-overlay[data-v-6163e3e6] {
+  background: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+.album-card:hover .album-overlay[data-v-6163e3e6] {
+  opacity: 1;
+}
+.play-button[data-v-6163e3e6] {
+  width: 48px;
+  height: 48px;
+  transform: scale(0.8);
+  transition: transform 0.3s ease;
+}
+.album-card:hover .play-button[data-v-6163e3e6] {
+  transform: scale(1);
+}
+
+.album-cover[data-v-ecbc3f9a] {
+  box-shadow: 0 4px 60px rgba(0, 0, 0, 0.5);
+}
+
+.playlist-card[data-v-238f47e7] {
+  transition: transform 0.3s ease;
+}
+.playlist-card[data-v-238f47e7]:hover {
+  transform: translateY(-5px);
+}
+.playlist-overlay[data-v-238f47e7] {
+  background: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+.playlist-card:hover .playlist-overlay[data-v-238f47e7] {
+  opacity: 1;
+}
+.play-button[data-v-238f47e7] {
+  width: 48px;
+  height: 48px;
+  transform: scale(0.8);
+  transition: transform 0.3s ease;
+}
+.playlist-card:hover .play-button[data-v-238f47e7] {
+  transform: scale(1);
+}
+
+.artist-card[data-v-c2372a41] {
+  border: 1px solid rgba(var(--grey), 0.2);
+  transition: transform 0.2s ease;
+}
+.hover-scale-1[data-v-c2372a41]:hover {
+  transform: scale(1.02);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.bg-gradient-dark[data-v-14a77aad] {
+  background: linear-gradient(to bottom, rgba(var(--dark), 0.8), rgba(var(--black), 0.9));
+}
+
+.bg-gradient-color[data-v-d2f0de62] {
+    background: var(--gradient-color, linear-gradient(135deg, #1DB954, #1ED760));
+}
+  
+.notifications-list-container[data-v-5af8a2ed] {
+  width: 100%;
+  max-width: 800px;
+  margin: 0 auto;
+}
+.notifications-header[data-v-5af8a2ed] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.notifications-controls[data-v-5af8a2ed] {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+.notifications-filter select[data-v-5af8a2ed] {
+  padding: 6px 12px;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+}
+.mark-all-read-btn[data-v-5af8a2ed] {
+  background-color: #2196f3;
+  color: white;
+  border: none;
+  padding: 6px 12px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.notifications-loading[data-v-5af8a2ed],
+.notifications-empty[data-v-5af8a2ed] {
+  padding: 40px 0;
+  text-align: center;
+  color: #666;
+}
+.loading-spinner[data-v-5af8a2ed] {
+  font-size: 2rem;
+  margin-bottom: 10px;
+  animation: spin-5af8a2ed 1s linear infinite;
+}
+@keyframes spin-5af8a2ed {
+from { transform: rotate(0deg);
+}
+to { transform: rotate(360deg);
+}
+}
+.notifications-items[data-v-5af8a2ed] {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.notifications-footer[data-v-5af8a2ed] {
+  margin-top: 20px;
+  text-align: center;
+}
+.refresh-btn[data-v-5af8a2ed] {
+  background: none;
+  border: none;
+  color: #666;
+  cursor: pointer;
+  padding: 6px 12px;
+}
+.refresh-btn[data-v-5af8a2ed]:hover {
+  color: #2196f3;
+}
+
+.description[data-v-420a3f66] {
+  color: #666;
+  margin-bottom: 24px;
+}
+.preferences-loading[data-v-420a3f66] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 0;
+}
+.loading-spinner[data-v-420a3f66] {
+  font-size: 2rem;
+  margin-bottom: 16px;
+  animation: spin-420a3f66 2s linear infinite;
+}
+@keyframes spin-420a3f66 {
+0% { transform: rotate(0deg);
+}
+100% { transform: rotate(360deg);
+}
+}
+.preference-item[data-v-420a3f66] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  border-bottom: 1px solid #eee;
+}
+.preference-item[data-v-420a3f66]:last-child {
+  border-bottom: none;
+}
+.preference-info[data-v-420a3f66] {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+.preference-icon[data-v-420a3f66] {
+  font-size: 1.5rem;
+  margin-right: 16px;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.preference-details h3[data-v-420a3f66] {
+  margin: 0 0 4px 0;
+  font-size: 1rem;
+}
+.preference-details p[data-v-420a3f66] {
+  margin: 0;
+  color: #666;
+  font-size: 0.875rem;
+}
+
+/* Toggle switch styles */
+.toggle-switch[data-v-420a3f66] {
+  position: relative;
+  display: inline-block;
+  width: 50px;
+  height: 24px;
+}
+.toggle-switch input[data-v-420a3f66] {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.toggle-slider[data-v-420a3f66] {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  transition: .4s;
+  border-radius: 24px;
+}
+.toggle-slider[data-v-420a3f66]:before {
+  position: absolute;
+  content: "";
+  height: 16px;
+  width: 16px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  transition: .4s;
+  border-radius: 50%;
+}
+input:checked + .toggle-slider[data-v-420a3f66] {
+  background-color: #2196F3;
+}
+input:checked + .toggle-slider[data-v-420a3f66]:before {
+  transform: translateX(26px);
+}
+.form-actions[data-v-420a3f66] {
+  margin-top: 24px;
+  display: flex;
+  justify-content: flex-end;
+  gap: 16px;
+}
+.save-btn[data-v-420a3f66], .cancel-btn[data-v-420a3f66] {
+  padding: 8px 16px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.save-btn[data-v-420a3f66] {
+  background-color: #2196F3;
+  border: none;
+  color: white;
+}
+.save-btn[data-v-420a3f66]:disabled {
+  background-color: #ccc;
+  cursor: not-allowed;
+}
+.cancel-btn[data-v-420a3f66] {
+  background-color: white;
+  border: 1px solid #ccc;
+}
+
+.address[data-v-0f8ad042] {
+    text-wrap: nowrap;
+    display: block;
+}
+
+.barcode-scanner-modal {
+  visibility: visible;
+  position: fixed;
+  top: 0;
+  left: 0%;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.square {
+  width: 200px;
+  height: 200px;
+  border: 2px solid white;
+  border-radius: 10px;
+}
+.zoom-ratio-wrapper {
+  width: 80%;
+  margin-top: 20px;
+}
+.stop-scan-button,
+.torch-button {
+  margin-top: 20px;
+}
+
+/* Existing styles */
+body.barcode-scanner-active {
+  left: -100%;
+/*  visibility: hidden !important;*/
+  background: transparent !important;
+  --background: transparent;
+  --ion-background-color: transparent;
+}
+html.barcode-scanner-active-html {
+  background: transparent !important;
+}
+.dp__input {
+  border: 0;
+  padding: var(--medium);
+  padding-left: 3rem;
+  background: rgb(var(--grey));
+}.container {
+  max-width: 100%;
+  margin: auto;
+}
+.square {
+  aspect-ratio: 1/1;
+  height: 100%;
+  background: #ccc;
+}.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;
+}