Joywork/complexes/css/814be21cecb42709.css

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/shared/UI/modalLayout.vue?vue&type=style&index=0&id=704a8f1d&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalWindow[data-v-704a8f1d] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}
.modalWindow.open[data-v-704a8f1d] {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.modalWindow__wrapper[data-v-704a8f1d] {
  position: relative;
  width: 760px;
  height: 80vh;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: scroll;
}
.modalWindow__title[data-v-704a8f1d] {
  font-size: 28px;
  line-height: 100%;
}
.modalWindow__close[data-v-704a8f1d] {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
}
.modalWindow__close svg[data-v-704a8f1d] {
  width: 100%;
  height: 100%;
}
.warning_msg[data-v-704a8f1d] {
  background-color: #f2dede;
  border: 1px solid #ebcccc;
  border-radius: 4px;
  color: #a94442;
  padding: 10px 20px 12px;
  margin-bottom: 30px;
  font-size: 16px;
  font-family: "Lato";
  line-height: 1.5;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/shared/UI/mapsModalLayout.vue?vue&type=style&index=0&id=30f4c886&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modalWindow[data-v-30f4c886] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease-in-out;
}
.modalWindow.open[data-v-30f4c886] {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all ease-in-out;
}
.modalWindow__wrapper[data-v-30f4c886] {
  position: relative;
  width: 500px;
  height: 450px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.modalWindow__title[data-v-30f4c886] {
  font-size: 28px;
  line-height: 100%;
}
.modalWindow__close[data-v-30f4c886] {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
}
.modalWindow__close svg[data-v-30f4c886] {
  width: 100%;
  height: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/YandexMaps.vue?vue&type=style&index=0&id=3eefb058&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.marker[data-v-3eefb058] {
    position: relative;
    width: 34px;
    height: 41px;
    background-image: url(data:image/png;base64,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);
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    cursor: pointer;
}
.close[data-v-3eefb058] {
    background: rgb(67, 160, 71);
    background-image: linear-gradient(to bottom, rgba(67, 160, 71, 1) 0%, rgba(56, 142, 60, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#43a047', endColorstr='#388e3c', GradientType=0);
    cursor: pointer;
    font-family: "Lato";
    padding: 7px 22px 11px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #328436;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}
.close[data-v-3eefb058]:hover {
    background: #328436 !important;
    color: #ffffff !important;
    border: 1px solid #328436 !important;
}


/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/widgets/forms/complexAction.vue?vue&type=style&index=0&id=37b8c17d&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.action[data-v-37b8c17d] {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  margin-bottom: 10px;
}
.action .preview[data-v-37b8c17d] {
  display: flex;
  align-items: start;
  gap: 20px;
  justify-content: space-between;
}
.action .preview .delete-btn[data-v-37b8c17d] {
  padding: 0px !important;
}
.complex-photo-container[data-v-37b8c17d] {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: 140px;
}
.complex-photo-container .complex-photo[data-v-37b8c17d] {
  height: 140px;
  max-width: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}
.complex-photo-container:hover .complex-photo-overlay[data-v-37b8c17d] {
  opacity: 0.5;
  z-index: 1;
}
.complex-photo-container .complex-photo-overlay[data-v-37b8c17d] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #cdc9c9;
  opacity: 0;
  z-index: -1;
  cursor: pointer;
  transition: 0.25s;
}
.complex-photo-container .complex-photo-overlay img[data-v-37b8c17d] {
  width: 50px;
  height: 50px;
}
.item__btns[data-v-37b8c17d] {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/widgets/forms/formAddComplex.vue?vue&type=style&index=0&id=a9c1f268&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.addComplex[data-v-a9c1f268] {
  width: 100%;
  height: auto;
}
.addComplex__form[data-v-a9c1f268] {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  row-gap: 20px;
}
.addComplex__form .form__item[data-v-a9c1f268] {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr 436px;
}
.addComplex__form .form__item .p-invalid[data-v-a9c1f268] {
  color: #e24c4c;
}
.addComplex__form .form__item label[data-v-a9c1f268] {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
}
.addComplex__form .form__item label span[data-v-a9c1f268] {
  --tw-text-opacity: 1;
  color: rgb(236 46 46 / var(--tw-text-opacity));
}
.addComplex__form .form__item .item__content[data-v-a9c1f268] {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
}
.addComplex__form .form__item .item__text[data-v-a9c1f268] {
  --tw-text-opacity: 1;
  color: rgb(117 117 117 / var(--tw-text-opacity));
  font-size: 16px;
}
.addComplex__form .form__item .item__btns[data-v-a9c1f268] {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.addComplex__form .small__item[data-v-a9c1f268] {
  grid-template-columns: 1fr 276px;
}
.addComplex__form .edit_address[data-v-a9c1f268] {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  row-gap: 20px;
  transition: max-height 0.35s ease-out;
}
.addComplex__form .edit_address-actions[data-v-a9c1f268] {
  cursor: pointer;
  margin: 10px 5px 0 5px;
  border-bottom: 1px solid #b5b5b5;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.addComplex .complex-photo-container[data-v-a9c1f268] {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: 140px;
}
.addComplex .complex-photo-container .complex-photo[data-v-a9c1f268] {
  height: 140px;
  max-width: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}
.addComplex .complex-photo-container:hover .complex-photo-overlay[data-v-a9c1f268] {
  opacity: 0.5;
  z-index: 1;
}
.addComplex .complex-photo-container .complex-photo-overlay[data-v-a9c1f268] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #cdc9c9;
  opacity: 0;
  z-index: -1;
  cursor: pointer;
  transition: 0.25s;
}
.addComplex .complex-photo-container .complex-photo-overlay img[data-v-a9c1f268] {
  width: 50px;
  height: 50px;
}
.addComplex .flex-grap-group[data-v-a9c1f268] {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.addComplex .p-dropdown[data-v-a9c1f268] {
  width: 100%;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item[data-v-a9c1f268] {
  max-width: 380px;
  overflow: hidden;
  text-overflow: ellipsis;
}