npm - @ozdao/prometheus-framework - Versions diffs - 0.2.223 → 0.2.225 - Mend

@ozdao/prometheus-framework 0.2.223 → 0.2.225

Files changed (140) hide show

package/dist/prometheus-framework/src/modules/pages/pages.client.cjs CHANGED Viewed

@@ -3,51 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode(`.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;
-}.slider-hotpost .embla__slide {
-  flex: 0 0 25%;
-}
-@media screen and (max-width: 1025px) {
-.slider-hotpost .embla__slide {
-    flex: 0 0 75%;
-}
-}.selector {
-  flex-grow: 1;
-  flex-basis: 0;
-  min-width: 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;
-}.soon-label {
-  position: absolute;
-  right: -0.25em;
-  top: -0.25rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  line-height: 1.5rem;
-}
-.slide-fade-enter-active {
+      elementStyle.appendChild(document.createTextNode(`.slide-fade-enter-active {
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .slide-fade-leave-active {
@@ -60,10 +16,6 @@
   opacity: 0;
   left: 0;
   top: 0;
-}
-.input-error {
-  border: 1px solid red;
-  box-shadow: 0 0 3px 0 red;
 }.fade-enter-active, .fade-leave-active {
   transition: opacity 0.5s;
 }
@@ -105,321 +57,106 @@
 }
 .background-div {
   flex-grow: 1;
-}.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: scaleY(0.01) translate(30px, 0);
-}
-/* 3. ensure leaving items are taken out of layout flow so that moving
-      animations can be calculated correctly. */
-.fade-leave-active {
+}.soon-label {
   position: absolute;
-}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */
-.dp__input {
-  border: 0;
-  padding: var(--medium);
-  padding-left: 3rem;
-  background: rgb(var(--light));
-  border-radius: var(--small);
-}
-.magnifier[data-v-48231055] {
-  max-width: 32rem;
+  right: -0.25em;
+  top: -0.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  line-height: 1.5rem;
 }
-.product-images[data-v-48231055] {
-  display: flex;
-  flex-direction: column;
+.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.thumbnail[data-v-48231055] {
-  width: 100%;
-  max-width: 8rem;
-  height: 8rem;
-  object-fit: cover;
-  cursor: pointer;
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.popup[data-v-48231055] {
-  position: fixed;
-  top: 0;
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  position: absolute;
+  transform: translateX(20px);
+  opacity: 0;
   left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.8);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: zoom-out;
-}
-.popup-image[data-v-48231055] {
-  max-width: 90%;
-  max-height: 90%;
-}
-.vue-select {
-  background: #f7f7f7;
-  border-radius: 0.5rem;
-  border: 0;
-  height: 3rem;
-  padding-left: 1rem;
-  z-index: 4;
-}
-.vue-select .vue-input input {
-  font-size: 1.125rem;
-  font-weight: 300;
-  background: #f7f7f7;
-}.shop-cart-item[data-v-bebbf16b]:first-of-type {
-  padding-top: 0;
+  top: 0;
 }
-.spoiler-active[data-v-bebbf16b] {
-  transform: rotate(180deg);
+.input-error {
+  border: 1px solid red;
+  box-shadow: 0 0 3px 0 red;
+}.scaleIn-enter-active,
+.scaleIn-leave-active {
+  transform: scale(1);
+  transition: all 0.5s ease;
 }
-.expand-enter-active[data-v-e552bc5f],
-.expand-leave-active[data-v-e552bc5f] {
-  transition: max-height 0.5s ease-in-out;
-  overflow: hidden;
+.scaleIn-enter-from,
+.scaleIn-leave-to {
+  opacity: 0;
+  transition: all 0.5s ease;
 }
-.scale-enter-active[data-v-e552bc5f],
-.scale-leave-active[data-v-e552bc5f] {
-  transition: transform 0.5s ease-in-out;
+.moveFromTop-enter-active,
+.moveFromTop-leave-active {
+  transform: translateY(0);
+  opacity: 1;
+  transition: all 0.5s ease;
 }
-.scale5-enter-from[data-v-e552bc5f],
-.scale5-leave-to[data-v-e552bc5f] {
-  transform: scale(1.2);
+.moveFromTop-enter-from,
+.moveFromTop-leave-to {
+  transform: translateY(-1rem);
   opacity: 0;
+  transition: all 0.5s ease;
 }
-.scale5-enter-to[data-v-e552bc5f],
-.scale5-leave-from[data-v-e552bc5f] {
-  transform: scale(1);
+.moveFromTopAbsolute-enter-active,
+.moveFromTopAbsolute-leave-active {
+  transform: translateY(0);
   opacity: 1;
+  transition: all 0.5s ease;
 }
-.product-360-viewer[data-v-e552bc5f] {
-  user-select: none;
-   min-height: 16rem;
+.moveFromTopAbsolute-enter-from,
+.moveFromTopAbsolute-leave-to {
+  position: absolute;
+  transform: translateY(-1rem);
+  opacity: 0;
+  transition: all 0.5s ease;
 }
-.product-360-viewer img[data-v-e552bc5f] {
-  max-width: 100%;
-  cursor: grab;
-  object-fit: cover;
+.ScaleOut-enter-active,
+.ScaleOut-leave-active {
+  opacity: 1;
+  transform: scale(1);
   transition: all 0.3s ease;
 }
-.product-360-viewer img[data-v-e552bc5f]:active {
-  cursor: grabbing;
-}
-/*.product-360-viewer img:hover {
-  transform: scale(1.1);
-}*/
-.embla {
-  overflow: hidden;
+.ScaleOut-enter-from,
+.ScaleOut-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+  transition: all 0.3s ease;
 }
-.embla__container {
-  display: flex;
+.slide-fade-enter-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.embla__slide {
-  flex: 0 0 25%;
-  min-width: 0;
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-@media screen and (max-width: 1025px) {
-.embla__slide {
-    flex: 0 0 50%;
-    min-width: 0;
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  min-height: 0;
+  transform: translateX(20px);
+  opacity: 0;
+  left: 0;
+  top: 0;
 }
-}.price-tag {
-  background: #058;
-  color: #fff;
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  width: fit-content;
-  color: black;
+.scaleTransition-5px-enter-active,
+.scaleTransition-5px-leave-active {
+  transform: translateY(0px);
+  opacity: 1;
+  z-index: 1;
+  transition: all 0.2s ease;
 }
-.spiral {
-  background-size: cover;
-  width: 100rem;
-  height: 100rem;
+.scaleTransition-5px-enter-from,
+.scaleTransition-5px-leave-to {
+  opacity: 0;
+  z-index: 0;
   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);
-}
-}
-/* Ваши стили */
-.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;
-}
-}.h1-product {
-  font-size: 3rem;
-}
-.produc-data {
-  padding-top: 2rem;
-  padding-bottom: 0;
-}.main-photo {
-  max-width: 50%;
-}
-.main-photo img {
-  width: 100%;
-}
-/* Add your styles here */
-.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;
-}.scaleIn-enter-active,
-.scaleIn-leave-active {
-  transform: scale(1);
-  transition: all 0.5s ease;
-}
-.scaleIn-enter-from,
-.scaleIn-leave-to {
-  opacity: 0;
-  transition: all 0.5s ease;
-}
-.moveFromTop-enter-active,
-.moveFromTop-leave-active {
-  transform: translateY(0);
-  opacity: 1;
-  transition: all 0.5s ease;
-}
-.moveFromTop-enter-from,
-.moveFromTop-leave-to {
-  transform: translateY(-1rem);
-  opacity: 0;
-  transition: all 0.5s ease;
-}
-.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;
+  transform: translateY(-30px);
+  transition: all 0.2s ease;
 }
 .scaleTransition-enter-from,
 .scaleTransition-leave-to {
@@ -471,8 +208,6 @@
 .scaleIn-leave-to div {
   transform: translateZ(-30px);
   transition: all 0.5s ease;
-}#sidebar ul li {
-  margin-bottom: 1rem;
 }.location-button:hover {
   box-shadow: inset 0 0 0 2px rgb(var(--main));
 }
@@ -549,65 +284,368 @@
 .menu-nav__link_active {
   transform: translateX(0%);
   opacity: 1;
-}@media screen and (max-width: 1025px) {
+}#sidebar ul li {
+  margin-bottom: 1rem;
+}.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;
+}.VueSelect {
+  background: #f7f7f7;
+  border-radius: 0.5rem;
+  border: 0;
+  height: 3rem;
+  padding-left: 1rem;
+  z-index: 4;
+}
+.VueSelect .vue-input input {
+  font-size: 1.125rem;
+  font-weight: 300;
+  background: #f7f7f7;
+}
+  /* Add styles for the user card component here */
+.subdepartmentsartment[data-v-de9a0606] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+.documents[data-v-f93fcad7] {
+  display: flex;
+  flex-direction: column;
+}
+.popup[data-v-f93fcad7] {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: white;
+  border: 1px solid #ccc;
+  padding: 20px;
+  z-index: 10;
+}
+@media screen and (max-width: 1025px) {
 #mobileApp {
     text-align: center;
 }
-#mobileApp > section {
-    flex-direction: column;
+#mobileApp > section {
+    flex-direction: column;
+}
+#mobileApp > section > div {
+    order: 1;
+}
+}.spiral[data-v-4a28df5c] {
+  background-image: url("https://weeder.delivery/spiral.jpg");
+  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-4a28df5c 5s linear infinite;
+}
+@keyframes spin-4a28df5c {
+0% {
+    transform: translate(-50%, -50%) rotate(0deg);
+}
+100% {
+    transform: translate(-50%, -50%) rotate(360deg);
+}
+}.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);
+}
+}.vue-select {
+  background: #f7f7f7;
+  border-radius: 0.5rem;
+  border: 0;
+  height: 3rem;
+  padding-left: 1rem;
+  z-index: 4;
+}
+.vue-select .vue-input input {
+  font-size: 1.125rem;
+  font-weight: 300;
+  background: #f7f7f7;
+}
+.magnifier[data-v-48231055] {
+  max-width: 32rem;
+}
+.product-images[data-v-48231055] {
+  display: flex;
+  flex-direction: column;
+}
+.thumbnail[data-v-48231055] {
+  width: 100%;
+  max-width: 8rem;
+  height: 8rem;
+  object-fit: cover;
+  cursor: pointer;
+}
+.popup[data-v-48231055] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: zoom-out;
+}
+.popup-image[data-v-48231055] {
+  max-width: 90%;
+  max-height: 90%;
+}
+.shop-cart-item[data-v-bebbf16b]:first-of-type {
+  padding-top: 0;
+}
+.spoiler-active[data-v-bebbf16b] {
+  transform: rotate(180deg);
+}
+.expand-enter-active[data-v-e552bc5f],
+.expand-leave-active[data-v-e552bc5f] {
+  transition: max-height 0.5s ease-in-out;
+  overflow: hidden;
+}
+.scale-enter-active[data-v-e552bc5f],
+.scale-leave-active[data-v-e552bc5f] {
+  transition: transform 0.5s ease-in-out;
+}
+.scale5-enter-from[data-v-e552bc5f],
+.scale5-leave-to[data-v-e552bc5f] {
+  transform: scale(1.2);
+  opacity: 0;
+}
+.scale5-enter-to[data-v-e552bc5f],
+.scale5-leave-from[data-v-e552bc5f] {
+  transform: scale(1);
+  opacity: 1;
+}
+.product-360-viewer[data-v-e552bc5f] {
+  user-select: none;
+   min-height: 16rem;
+}
+.product-360-viewer img[data-v-e552bc5f] {
+  max-width: 100%;
+  cursor: grab;
+  object-fit: cover;
+  transition: all 0.3s ease;
+}
+.product-360-viewer img[data-v-e552bc5f]:active {
+  cursor: grabbing;
+}
+/*.product-360-viewer img:hover {
+  transform: scale(1.1);
+}*/
+.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);
+}
+}
+/* Ваши стили */
+.price-tag {
+  background: #058;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  width: fit-content;
+  color: black;
+}.embla {
+  overflow: hidden;
+}
+.embla__container {
+  display: flex;
+}
+.embla__slide {
+  flex: 0 0 25%;
+  min-width: 0;
+}
+@media screen and (max-width: 1025px) {
+.embla__slide {
+    flex: 0 0 50%;
+    min-width: 0;
+}
+}.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;
+}
+}
+/* Add your styles here */
+.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;
 }
-#mobileApp > section > div {
-    order: 1;
+.order-card {
+  border-radius: 0.25rem;
+  overflow: hidden;
+  box-shadow: 0 8px 8px -8px rgba(36, 36, 36, 0.1);
 }
-}.spiral[data-v-4a28df5c] {
-  background-image: url("https://weeder.delivery/spiral.jpg");
-  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-4a28df5c 5s linear infinite;
+.order-card .order-status {
+  color: black;
+  background: #EEF2F6;
+  width: 100%;
+  padding: 0.75rem 1.5rem;
+  margin: 0;
 }
-@keyframes spin-4a28df5c {
-0% {
-    transform: translate(-50%, -50%) rotate(0deg);
+.order-card .new {
+  color: white;
+  background: #00ff88;
 }
-100% {
-    transform: translate(-50%, -50%) rotate(360deg);
+.order-card .block {
+  border-radius: 0;
+  border: 0;
+}.h1-product {
+  font-size: 3rem;
 }
-}.grid[data-v-9b14ae83] {
-  perspective: 450px;
-  background-size: cover;
+.produc-data {
+  padding-top: 2rem;
+  padding-bottom: 0;
+}.main-photo {
+  max-width: 50%;
 }
-.grid-lines[data-v-9b14ae83] {
+.main-photo img {
   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%);
+}.selector {
+  flex-grow: 1;
+  flex-basis: 0;
+  min-width: 0;
+}.fade-move,
+.fade-enter-active,
+.fade-leave-active {
+  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
 }
-100% {
-    transform: rotateX(45deg) translateY(0);
+/* 2. declare enter from and leave to state */
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+  transform: scaleY(0.01) translate(30px, 0);
 }
-}.blink[data-v-d2db1c69] {
-  animation: blink-animation-d2db1c69 1s ease infinite;
+/* 3. ensure leaving items are taken out of layout flow so that moving
+      animations can be calculated correctly. */
+.fade-leave-active {
+  position: absolute;
+}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:rgba(0,0,0,0);border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}/*# sourceMappingURL=main.css.map */
+.dp__input {
+  border: 0;
+  padding: var(--medium);
+  padding-left: 3rem;
+  background: rgb(var(--light));
+  border-radius: var(--small);
+}.container-joinus {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 66%;
+  position: relative;
 }
-@keyframes blink-animation-d2db1c69 {
-0%, 100% {
-    opacity: 1;
+.container-joinus .content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  z-index: 2;
+}.slider-hotpost .embla__slide {
+  flex: 0 0 25%;
 }
-50% {
-    opacity: 0.8;
+@media screen and (max-width: 1025px) {
+.slider-hotpost .embla__slide {
+    flex: 0 0 75%;
 }
 }.round-wrapper {
   position: relative;
@@ -627,6 +665,16 @@
   left: 0.5rem;
   top: 0.5rem;
   opacity: 1;
+}.blink[data-v-d2db1c69] {
+  animation: blink-animation-d2db1c69 1s ease infinite;
+}
+@keyframes blink-animation-d2db1c69 {
+0%, 100% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.8;
+}
 }.vue-select {
   width: inherit;
   margin-right: 1rem;
@@ -677,10 +725,6 @@
   margin-top: 1rem;
 }
-  /* Add styles for the user card component here */
-#map[data-v-3b081dcc]:focus {
-  outline: none;
-}
 .form-group[data-v-3c991e96] {
   margin-bottom: 1rem;
 }
@@ -694,58 +738,146 @@ input[data-v-3c991e96] {
   border: 1px solid #ccc;
   border-radius: 5px;
 }
+#map[data-v-3b081dcc]:focus {
+  outline: none;
+}
 .subspotsartment[data-v-bc545dfb] {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 1rem;
 }
-.slide-fade-enter-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+input[data-v-5659d4ce], textarea[data-v-5659d4ce], span[data-v-5659d4ce] {
+  line-height: 1;
+  color: inherit;
+}.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);
+}button[disabled] {
+  background: grey;
 }
-.slide-fade-leave-active {
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+button[disabled]:hover {
+  background: grey;
 }
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  min-height: 0;
+.FromTop-enter-active,
+.FromTop-leave-active {
+  transform: translateY(0);
+  opacity: 1;
+  transition: all 0.5s ease;
+}
+.FromTop-enter-from,
+.FromTop-leave-to {
   position: absolute;
-  transform: translateX(20px);
+  transform: translateY(-1rem);
   opacity: 0;
-  left: 0;
-  top: 0;
-}.VueSelect {
-  background: #f7f7f7;
+  transition: all 0.5s ease;
+}
+.button {
+  display: flex;
+  width: fit-content;
+  padding: 1rem 1.75rem;
+  border-radius: 3rem;
+  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.5rem 0.75rem;
   border-radius: 0.5rem;
-  border: 0;
-  height: 3rem;
-  padding-left: 1rem;
-  z-index: 4;
+  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;
+}.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: 2px;
+  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%;
 }
-.VueSelect .vue-input input {
-  font-size: 1.125rem;
-  font-weight: 300;
-  background: #f7f7f7;
+.vti__dropdown-arrow {
+  transform: scaleY(0.5);
+  display: inline-block;
+  color: #666;
 }
-.subdepartmentsartment[data-v-de9a0606] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
+.vti__dropdown-item {
+  cursor: pointer;
+  padding: 4px 15px;
 }
-.documents[data-v-f93fcad7] {
-  display: flex;
-  flex-direction: column;
+.vti__dropdown-item.last-preferred {
+  border-bottom: 1px solid #cacaca;
 }
-.popup[data-v-f93fcad7] {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: white;
-  border: 1px solid #ccc;
-  padding: 20px;
-  z-index: 10;
+.vti__dropdown-item .vti__flag {
+  display: inline-block;
+  margin-right: 5px;
+}
+.vti__input {
+  color: inherit;
+  border: none;
+  border-radius: 0 2px 2px 0;
+  width: 100%;
+  outline: 0;
+  padding-left: 7px;
 }
 .circular-loader {
   position: relative;
   top: calc(50% - 1rem);
@@ -804,52 +936,7 @@ input[data-v-3c991e96] {
     stroke-dashoffset: -124;
 }
 }
-li[data-v-bf25c24d] {
-  list-style-type: none;
-}
-ul li[data-v-bf25c24d] {
-  line-height: 2;
-}
-.feed-move, /* apply transition to moving elements */
-.feed-enter-active,
-.feed-leave-active {
-  transition: all 0.5s ease;
-}
-.feed-enter-from,
-.feed-leave-to {
-  opacity: 0;
-  transform: translateY(30px);
-}
-/* ensure leaving items are taken out of layout flow so that moving
-   animations can be calculated correctly. */
-.feed-leave-active {
-  position: absolute;
-}
-.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;
-}.no-scroll {
+.no-scroll {
   overflow: hidden;
 }
 .popup-wrapper {
@@ -889,225 +976,127 @@ ul li[data-v-bf25c24d] {
 .color-overlay.active {
   background: rgba(0, 0, 0, 0.25);
   pointer-events: all;
-}.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;
-}
-.formatting-bar button {
-  padding: 2px 5px;
-  background-color: #f0f0f0;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-  cursor: pointer;
-}
-.formatting-bar button:hover {
-  background-color: #e0e0e0;
-}@charset "UTF-8";
-.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;
+}.error-wrapper {
+  position: fixed;
+  left: 0;
+  right: 0;
+  opacity: 0.9;
+}.header-arrow {
+  position: absolute;
+  left: 1.25rem;
+  height: 2rem;
 }
-div.vue-tags-input.disabled * {
-  cursor: default;
+.header-profile {
+  position: absolute;
+  right: 1.25rem;
+  height: 2rem;
 }
-.ti-input {
-  display: flex;
+.header-shopcart {
+  position: absolute;
+  right: 4.25rem;
+  height: 2rem;
 }
-.ti-tags {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-  line-height: 1em;
+.header-title {
+  pointer-events: none;
 }
-.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;
+.slideIn-enter-active,
+.slideIn-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.ti-tag:focus {
-  outline: none;
+.slideIn-enter-from,
+.slideIn-leave-to {
+  opacity: 0;
+  transform: translateX(50px);
 }
-.ti-tag .ti-content {
-  display: flex;
-  align-items: center;
+.slideIn-enter-from span,
+.slideIn-leave-to span {
+  position: absolute;
 }
-.ti-tag .ti-tag-center {
-  position: relative;
+.slideY-enter-active,
+.slideY-leave-active {
+  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.ti-tag span {
-  line-height: 0.85em;
+.slideY-enter-from,
+.slideY-leave-to {
+  opacity: 0;
+  transform: translateY(50px);
 }
-.ti-tag span.ti-hidden {
-  padding-left: 14px;
-  visibility: hidden;
-  height: 0px;
-  white-space: pre;
+.slideY-enter-from span,
+.slideY-leave-to span {
+  position: absolute;
+}li[data-v-bf25c24d] {
+  list-style-type: none;
 }
-.ti-tag .ti-actions {
-  margin-left: 2px;
-  display: flex;
-  align-items: center;
-  font-size: 1.15em;
+ul li[data-v-bf25c24d] {
+  line-height: 2;
+}.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
+  color: rgb(var(--main)) !important;
 }
-.ti-tag .ti-actions i {
+a[data-v-380d7b3b]:hover {
   cursor: pointer;
+  color: rgb(var(--main));
+}.mobile-menu-section > div:last-of-type {
+  border-bottom: none !important;
+}.breadcrumbs {
+  height: 4rem;
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
 }
-.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%;
+.breadcrumbs .home {
+  height: 1rem;
 }
-.ti-selected-item {
-  background-color: rgb(var(--main));
-  color: #fff;
+.breadcrumbs .chevron {
+  height: 0.75rem;
 }
-.ti-tag-toDefactor {
-    background-color: rgb(var(--main));
-    color: rgb(var(--black));
-    border-radius: 4rem;
-    padding: 1px 8px 2px;
-    margin: 2px;
-    font-size: .85em;
+.breadcrumbs a {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
 }
-input[data-v-5659d4ce], textarea[data-v-5659d4ce], span[data-v-5659d4ce] {
-  line-height: 1;
-  color: inherit;
-}button[disabled] {
-  background: grey;
+.breadcrumbs a span {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
 }
-button[disabled]:hover {
-  background: grey;
+.breadcrumbs .router-link-exact-active:last-of-type span {
+  color: #00ff88;
 }
-.FromTop-enter-active,
-.FromTop-leave-active {
-  transform: translateY(0);
-  opacity: 1;
+.feed-move, /* apply transition to moving elements */
+.feed-enter-active,
+.feed-leave-active {
   transition: all 0.5s ease;
 }
-.FromTop-enter-from,
-.FromTop-leave-to {
-  position: absolute;
-  transform: translateY(-1rem);
+.feed-enter-from,
+.feed-leave-to {
   opacity: 0;
-  transition: all 0.5s ease;
+  transform: translateY(30px);
 }
-.button {
-  display: flex;
-  width: fit-content;
-  padding: 1rem 1.75rem;
-  border-radius: 3rem;
-  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;
+/* ensure leaving items are taken out of layout flow so that moving
+   animations can be calculated correctly. */
+.feed-leave-active {
+  position: absolute;
 }
-.button:hover {
-  cursor: pointer;
-  opacity: 0.9;
+.spoiler {
+  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
 }
-.button:active {
-  transform: scale(0.95);
+.collapse-enter-active,
+.collapse-leave-active {
+  max-height: 2000px;
 }
-.button-small {
-  padding: 0.5rem 0.75rem;
-  border-radius: 0.5rem;
-  height: fit-content;
+.collapse-enter-from,
+.collapse-leave-to {
+  max-height: 0;
 }
-.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;
+.ti-tag-toDefactor {
+    background-color: rgb(var(--main));
+    color: rgb(var(--black));
+    border-radius: 4rem;
+    padding: 1px 8px 2px;
+    margin: 2px;
+    font-size: .85em;
 }
 fieldset[disabled] .multiselect {
     pointer-events: none;
 }
@@ -1490,6 +1479,14 @@ to {
 		font-size: 0;
 }
+.pac-container {
+  position: absolute;
+  background-color: white;
+  z-index: 1000;
+  border-radius: 2rem;
+  overflow: hidden;
+}
 .dropdown-content {
   display: block;
   position: absolute;
@@ -1500,9 +1497,43 @@ to {
 /*.dropdown:hover .dropdown-content {
   display: block;
 }*/
-.mobile-menu-section > div:last-of-type {
-  border-bottom: none !important;
-}.vue3-marquee {
+.my-location-button {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 99;
+}
+.gm-style-cc { display:none;
+}
+.subunit[data-v-a2ed7104] {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 1rem;
+}
+.photo-container {
+  width: 100%;
+  height: 100%;
+  background: black;
+  overflow: hidden;
+  position: relative;
+  cursor: grab;
+}
+.photo-container img {
+  width: 100%;
+  height: 100%;
+  object-fit: scale-down;
+  transition: transform 0.3s;
+}
+#glcanvas {
+    width: 100%;
+    height: 100%;
+}
+.vue3-marquee {
   display: flex !important;
   position: relative;
 }
@@ -1597,93 +1628,35 @@ to {
 100% {
     transform: translateY(-100%);
 }
-}.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);
-}.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: 2px;
-  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-arrow {
-  transform: scaleY(0.5);
-  display: inline-block;
-  color: #666;
-}
-.vti__dropdown-item {
-  cursor: pointer;
-  padding: 4px 15px;
-}
-.vti__dropdown-item.last-preferred {
-  border-bottom: 1px solid #cacaca;
-}
-.vti__dropdown-item .vti__flag {
-  display: inline-block;
-  margin-right: 5px;
-}
-.vti__input {
-  color: inherit;
-  border: none;
-  border-radius: 0 2px 2px 0;
+}.editable-div {
   width: 100%;
-  outline: 0;
-  padding-left: 7px;
-}@media screen and (max-width: 1025px) {
-#mainguest > div:first-of-type {
-    order: 2;
+  min-height: 1rem;
+  background-color: transparent;
+  outline: none;
+  white-space: pre-wrap;
+  word-wrap: break-word;
 }
-}@media screen and (max-width: 1025px) {
-.content-hero-refactor[data-v-c7a21d03] {
-    text-align: center;
+.editable-div:empty::before {
+  content: attr(placeholder);
+  color: #999;
 }
-h3[data-v-c7a21d03], div[data-v-c7a21d03] {
-    margin-left: auto;
-    margin-right: auto;
+.editable-div:focus {
+  border: 0;
 }
+.formatting-bar {
+  display: flex;
+  gap: 5px;
+  margin-top: 5px;
 }
-  /* Existing styles can stay unchanged */
-input[data-v-516f3e07], span[data-v-516f3e07] {
-  line-height: 1;
-  color: inherit;
+.formatting-bar button {
+  padding: 2px 5px;
+  background-color: #f0f0f0;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  cursor: pointer;
+}
+.formatting-bar button:hover {
+  background-color: #e0e0e0;
 }
 .calendar__week {
   display: grid;
@@ -1730,91 +1703,24 @@ input[data-v-516f3e07], span[data-v-516f3e07] {
   padding: var(--medium);
   padding-left: 3rem;
   background: rgb(var(--grey));
+}input[data-v-516f3e07], span[data-v-516f3e07] {
+  line-height: 1;
+  color: inherit;
+}@media screen and (max-width: 1025px) {
+#mainguest > div:first-of-type {
+    order: 2;
 }
-.photo-container {
-  width: 100%;
-  height: 100%;
-  background: black;
-  overflow: hidden;
-  position: relative;
-  cursor: grab;
-}
-.photo-container img {
-  width: 100%;
-  height: 100%;
-  object-fit: scale-down;
-  transition: transform 0.3s;
-}
-.spoiler {
-  transition: max-height 0.3s cubic-bezier(0.15, 0.68, 0.33, 0.93);
-}
-.collapse-enter-active,
-.collapse-leave-active {
-  max-height: 2000px;
-}
-.collapse-enter-from,
-.collapse-leave-to {
-  max-height: 0;
-}
-#glcanvas {
-    width: 100%;
-    height: 100%;
-}
-.error-wrapper {
-  position: fixed;
-  left: 0;
-  right: 0;
-  opacity: 0.9;
-}.header-arrow {
-  position: absolute;
-  left: 1.25rem;
-  height: 2rem;
-}
-.header-profile {
-  position: absolute;
-  right: 1.25rem;
-  height: 2rem;
-}
-.header-shopcart {
-  position: absolute;
-  right: 4.25rem;
-  height: 2rem;
-}
-.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(50px);
-}
-.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);
+}@media screen and (max-width: 1025px) {
+.content-hero-refactor[data-v-c7a21d03] {
+    text-align: center;
 }
-.slideY-enter-from span,
-.slideY-leave-to span {
-  position: absolute;
-}.router-link-active[data-v-380d7b3b], .router-link-exact-active[data-v-380d7b3b] {
-  color: rgb(var(--main)) !important;
+h3[data-v-c7a21d03], div[data-v-c7a21d03] {
+    margin-left: auto;
+    margin-right: auto;
 }
-a[data-v-380d7b3b]:hover {
-  cursor: pointer;
-  color: rgb(var(--main));
 }
+  /* Existing styles can stay unchanged */
 .pd-2px[data-v-2fc13a78] {
   padding: 2px 4px;
   margin-right: 4px;
@@ -1862,6 +1768,126 @@ a[data-v-380d7b3b]:hover {
 .modal-enter[data-v-2fc13a78], .modal-leave-to[data-v-2fc13a78] {
   opacity: 0;
 }
+@charset "UTF-8";
+.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;
+}
+.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;
+}
+/* Стили остаются без изменений */
 .blink[data-v-5785b6f6] {
   animation: blink-animation-5785b6f6 1s ease infinite;
 }
@@ -1873,27 +1899,6 @@ a[data-v-380d7b3b]:hover {
     opacity: 0.8;
 }
 }
-/* Стили остаются без изменений */
-.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;
-}
 .gmap[data-v-786189a4] {
   height: 300px;
   width: 100%;
@@ -1904,16 +1909,6 @@ a[data-v-380d7b3b]:hover {
 .card-page-title:hover .card-page-actions {
   display: block;
 }
-.subunit[data-v-a2ed7104] {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  margin-top: 1rem;
-}
-.draggable-container {
-  display: flex;
-  flex-direction: column;
-}
 .tooltip-container {
   position: relative;
   display: inline-block;
@@ -1921,7 +1916,7 @@ a[data-v-380d7b3b]:hover {
 .tooltip-content {
   pointer-events: none;
 }
+/* Your styles here */
 .address[data-v-97ae0556] {
     text-wrap: nowrap;
     display: block;
@@ -1929,6 +1924,11 @@ a[data-v-380d7b3b]:hover {
 /* Existing styles can stay unchanged */
+.draggable-container {
+  display: flex;
+  flex-direction: column;
+}
 .list-enter-active,
 .list-leave-active {
   transition: all 0.5s ease;
@@ -1938,7 +1938,7 @@ a[data-v-380d7b3b]:hover {
   opacity: 0;
   transform: translateX(30px);
 }
-/* Your styles here */
 .ti-tag-input {
   background-color: transparent;
   color: inherit;