{"version":3,"file":"B5VaMShH.js","sources":["../../../../components/info/AnchorList.vue","../../../../components/info/HowTo.vue","../../../../assets/img/info/sneaker-example.png","../../../../components/info/OskellyExpertise.vue","../../../../components/info/SafeDeal.vue","../../../../components/info/TopBlock.vue","../../../../assets/img/tips/bell.svg","../../../../assets/img/tips/dispute.svg","../../../../assets/img/tips/filter.svg","../../../../assets/img/tips/hanger.svg","../../../../assets/img/tips/heart.svg","../../../../assets/img/tips/price-decrease.svg","../../../../assets/img/tips/star-medal.svg","../../../../assets/img/tips/user-comments.svg","../../../../components/info/UsefulTips.vue","../../../../assets/img/info/what-is-oskelly.jpeg","../../../../components/info/WhatIsOskelly.vue"],"sourcesContent":["<template>\n  <div class=\"menu_seller_buyer\">\n    <div class=\"osk-wrapper\">\n      <ul>\n        <li\n          v-for=\"item in list\"\n          :key=\"item.anchor\"\n          @click=\"scrollToAnchor($event, item.anchor)\"\n        >\n          <a :href=\"`#${item.anchor}`\">\n            <template v-if=\"item.alternativeLabel\">\n              <span>{{ item.label }}</span>\n              <em>{{ item.alternativeLabel }}</em>\n            </template>\n            <template v-else>\n              {{ item.label }}\n            </template>\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\ntype ListItem = {\n  label?: string\n  alternativeLabel?: string\n  anchor: string\n};\n\nconst props = withDefaults(defineProps<{\n  list?: ListItem[]\n}>(), {\n  list: () => [],\n});\n\nfunction scrollToAnchor(event: Event, anchor: string) {\n  event.preventDefault();\n\n  const element = document.getElementById(anchor);\n\n  if (!element) return;\n\n  const elementTopPosition = element.getBoundingClientRect().top + document.documentElement.scrollTop;\n  const headerHeightCorrection = window.innerWidth >= 1024 ? 169 : 56;\n\n  window.scroll({\n    top: elementTopPosition - headerHeightCorrection,\n    behavior: 'smooth',\n  });\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.menu_seller_buyer {\n  padding: 30px 0;\n  border-bottom: 1px solid rgba(51, 51, 51, 0.1);\n}\n\n.menu_seller_buyer .wrapper {\n  max-width: 1120px;\n}\n\n.menu_seller_buyer ul {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.menu_seller_buyer ul li a {\n  font-size: 16px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: .8px;\n}\n\n.menu_seller_buyer ul li a em {\n  display: none;\n}\n\n.menu_seller_buyer ul li a span {\n  display: inline-block;\n}\n\n@media only screen and (max-width: 1024px) {\n  .menu_seller_buyer {\n    padding: 15px 0 4px;\n  }\n\n  .menu_seller_buyer ul li {\n    text-align: center;\n    width: calc(100% / 3);\n    margin: 12px 0 23px;\n  }\n\n  .menu_seller_buyer ul li a {\n    font-size: 14px;\n  }\n\n  .menu_seller_buyer ul li a em {\n    display: inline-block;\n  }\n\n  .menu_seller_buyer ul li a span {\n    display: none;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .menu_seller_buyer {\n    display: none;\n  }\n}\n</style>\n","<template>\n  <section\n    :id=\"id\"\n    class=\"how_to_sell\"\n  >\n    <div class=\"osk-wrapper\">\n      <div class=\"title_block_sm\">\n        {{ title }}\n      </div>\n\n      <div class=\"flex_block_sell\">\n        <div class=\"left_block_sell\">\n          <div class=\"info_all_block\">\n            <ul>\n              <li\n                v-for=\"(step, i) in steps\"\n                :key=\"step.title\"\n              >\n                <div class=\"number\">\n                  {{ i + 1 }}\n                </div>\n\n                <div class=\"name_block\">\n                  {{ step.title }}\n                </div>\n\n                <p\n                  v-for=\"text in step.description\"\n                  :key=\"text\"\n                >\n                  {{ text }}\n                </p>\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <!-- TODO: sticky block -->\n        <div class=\"right_block_sell\">\n          <div class=\"text_block\">\n            <div class=\"icon\">\n              <UIIcon\n                name=\"safe-deal2\"\n                width=\"50\"\n                height=\"37\"\n              />\n            </div>\n\n            <p>\n              <strong>{{ rightBlockTexts.strong }}</strong>\n              {{ rightBlockTexts.text }}\n            </p>\n\n            <UikitButton\n              full-width\n              size=\"m\"\n              class=\"action-button\"\n              :to=\"button.to\"\n            >\n              {{ button.label }}\n            </UikitButton>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { ANCHORS } from '~/components/info/anchors';\nimport { PrimaryPageType } from '~/restAPI/data-contracts';\n\nconst props = withDefaults(defineProps<{\n  type: 'sell' | 'buy'\n}>(), {});\n\nconst sellSteps = [\n  {\n    title: 'Опубликуйте товар',\n    description: ['Разместите товар в приложении OSKELLY. Максимально заполните все поля, чтобы быстрее продать свой товар'],\n  },\n  {\n    title: 'Подтвердите продажу',\n    description: ['Очень важно, чтобы пользователи получили отклик на товар как можно быстрее. Подтвердить наличие товара вы можете в личном кабинете'],\n  },\n  {\n    title: 'Отгрузите товар',\n    description: ['Отгрузите товар как можно быстрее. Перед передачей товара курьеру OSKELLY, постирайте, высушите, прогладьте его. Дополнительные затраты сервиса могут быть вычтены из вашей прибыли'],\n  },\n  {\n    title: 'Отслеживайте доставку до покупателя',\n    description: ['После подтверждения, вы можете отслеживать ваш товар до доставки покупателю в личном кабинете'],\n  },\n  {\n    title: 'Получите выплату',\n    description: [\n      'При подтверждении выплаты, мы просим вас указать расчетный счет и банковский идентификационный код, эти данные вы можете взять в личном кабинете своего онлайн банка.',\n      'Подтвердите выплату и получите деньги. Продавайте и зарабатывайте на OSKELLY',\n    ],\n  },\n];\nconst buySteps = [\n  {\n    title: 'Оформите заказ',\n    description: ['Оформите заказ используя безопасную сделку, где у каждого продавца нужно оплачивать и оформлять заказ отдельно'],\n  },\n  {\n    title: 'Ожидайте подтверждения',\n    description: ['После оплаты продавец должен подтвердить заказ. В противном случае OSKELLY разморозит или вернет вам деньги. Вы можете отслеживать ваш заказ в личном кабинете'],\n  },\n  {\n    title: 'Экспертиза',\n    description: ['После подтверждения и отгрузки заказа от продавца, он попадает на экспертизу в OSKELLY, где проходит проверку на подлинность и соответствие описанию продавца'],\n  },\n  {\n    title: 'Ожидайте товар',\n    description: ['После подтверждения, вы можете отслеживать ваш товар до доставки покупателю в личном кабинете'],\n  },\n];\n\nconst { account, isAuth } = useAccountStore();\n\nconst id = {\n  buy: ANCHORS.HOW_TO_BUY,\n  sell: ANCHORS.HOW_TO_SELL,\n}[props.type];\nconst steps = {\n  buy: buySteps,\n  sell: sellSteps,\n}[props.type];\nconst title = {\n  buy: 'Как покупать?',\n  sell: 'Как продавать?',\n}[props.type];\nconst rightBlockTexts = {\n  buy: {\n    strong: 'OSKELLY отвечает за безопасность вашей сделки.',\n    text: 'Выберите товар из каталога и мы мигом вам его доставим',\n  },\n  sell: {\n    strong: 'OSKELLY сделает все за вас.',\n    text: 'Вам остается лишь загрузить товар на сайт и ждать покупателей',\n  },\n}[props.type];\nconst button = {\n  buy: {\n    label: 'Перейти в каталог',\n    to: isAuth.value && account.value.sex === PrimaryPageType.MALE ? '/catalog/muzhskoe' : '/catalog/zhenskoe',\n  },\n  sell: {\n    label: 'Продать товар',\n    to: isAuth.value ? '/publication' : '/login',\n  },\n}[props.type];\n</script>\n\n<style scoped lang=\"scss\">\nsection.how_to_sell {\n  padding: 80px 0;\n  border-top: 1px solid rgba(51, 51, 51, 0.1);\n}\n\nsection.how_to_sell .flex_block_sell {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin-top: 42px;\n  position: relative;\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell {\n  width: 540px;\n  max-width: calc(100% - 430px);\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li {\n  position: relative;\n  padding: 5px 5px 38px 38px;\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li:last-child {\n  padding-bottom: 0;\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li:last-child:before {\n  display: none;\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 11px;\n  background: #27AE60;\n  width: 1px;\n  height: 100%;\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li .number {\n  position: absolute;\n  top: 0;\n  left: 0;\n  text-align: center;\n  width: 24px;\n  height: 24px;\n  line-height: 24px;\n  color: #ffffff;\n  font-size: 14px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 700;\n  background: #27AE60;\n  border-radius: 50%;\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li .name_block {\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 16px;\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li p {\n  color: #828282;\n  font-size: 14px;\n  line-height: 21px;\n  margin-top: 8px;\n  margin-bottom: 21px;\n}\n\nsection.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li p:last-child {\n  margin-bottom: 0;\n}\n\nsection.how_to_sell .flex_block_sell .right_block_sell {\n  width: 418px;\n  padding: 14px 7px;\n  position: relative;\n  transition: all 0.3s ease;\n}\n\nsection.how_to_sell .flex_block_sell .right_block_sell.active_fixed {\n  visibility: visible;\n}\n\nsection.how_to_sell .flex_block_sell .right_block_sell .text_block {\n  position: sticky;\n  top: 170px;\n  text-align: center;\n  padding: 34px 47px 31px;\n  border-radius: 2px;\n  border: 1px solid rgba(189, 189, 189, 0.6);\n}\n\nsection.how_to_sell .flex_block_sell .right_block_sell .text_block svg {\n  display: inline-block;\n}\n\nsection.how_to_sell .flex_block_sell .right_block_sell .text_block p {\n  font-size: 16px;\n  letter-spacing: .11px;\n  line-height: 22px;\n  margin-top: 24px;\n}\n\nsection.how_to_sell .flex_block_sell .right_block_sell .text_block p strong {\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 500;\n}\n\n.action-button {\n  margin-top: 34px;\n}\n\n@media only screen and (max-width: 1024px) {\n  section.how_to_sell {\n    padding: 60px 0 79px;\n  }\n\n  section.how_to_sell .flex_block_sell {\n    display: block;\n    margin-top: 39px;\n  }\n\n  section.how_to_sell .flex_block_sell .left_block_sell {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  section.how_to_sell .flex_block_sell .right_block_sell {\n    top: 0;\n    width: 100%;\n    margin-top: 69px;\n    box-sizing: border-box;\n    padding: 0 63px;\n  }\n\n  section.how_to_sell .flex_block_sell .right_block_sell .text_block p {\n    max-width: 320px;\n    margin: 24px auto 0;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  section.how_to_sell {\n    padding: 41px 0 38px;\n  }\n\n  section.how_to_sell .flex_block_sell {\n    margin-top: 34px;\n  }\n\n  section.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li {\n    padding: 1px 5px 27px 35px;\n  }\n\n  section.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li .name_block {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  section.how_to_sell .flex_block_sell .left_block_sell .info_all_block ul li p {\n    font-size: 12px;\n    line-height: 18px;\n    margin-bottom: 17px;\n  }\n\n  section.how_to_sell .flex_block_sell .right_block_sell {\n    padding: 0px;\n    margin-top: 39px;\n  }\n\n  section.how_to_sell .flex_block_sell .right_block_sell .text_block {\n    padding: 34px 20px 31px;\n  }\n\n  section.how_to_sell .flex_block_sell .right_block_sell .text_block p {\n    max-width: 100%;\n    margin-top: 29px;\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .action-button {\n    margin-top: 19px;\n  }\n}\n</style>\n","export default \"__VITE_ASSET__vbCg7PTc__\"","<template>\n  <section\n    :id=\"id\"\n    class=\"expertise_oskelly\"\n  >\n    <div class=\"osk-wrapper\">\n      <div class=\"title_block_sm\">\n        {{ title }}\n      </div>\n\n      <div class=\"expertise_oskelly_left_right_block\">\n        <div class=\"expertise_left_block\">\n          <div class=\"block block_false\">\n            <img src=\"~assets/img/info/sneaker-example.png\">\n          </div>\n\n          <div class=\"block block_true\">\n            <img src=\"~assets/img/info/sneaker-example.png\">\n          </div>\n        </div>\n\n        <div class=\"expertise_right_block\">\n          <div class=\"block\">\n            <div class=\"name_block\">\n              1. Экспертиза фото перед публикацией\n            </div>\n\n            <p>Мы проверяем размер, состояние, стоимость и подлинность товара по фотографии продавца. При прохождении экспертизы - размещаем его на белом фоне</p>\n          </div>\n\n          <div class=\"block\">\n            <div class=\"name_block\">\n              2. Экспертиза в офисе OSKELLY\n            </div>\n\n            <p>После продажи товара, мы заберем его у вас и сами доставим покупателю, проверив перед этим в нашем офисе на подлинность и соответствие вашего описания</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { ANCHORS } from '~/components/info/anchors';\n\nconst props = withDefaults(defineProps<{\n  type: 'buy' | 'sell'\n}>(), {});\n\nconst id = {\n  buy: ANCHORS.GUARANTEE,\n  sell: ANCHORS.OSKELLY_EXPERTISE,\n}[props.type];\nconst title = {\n  buy: 'Гарантия подлинности',\n  sell: 'Экспертиза Oskelly',\n}[props.type];\n</script>\n\n<style scoped lang=\"scss\">\nsection.expertise_oskelly {\n  padding: 80px 0 75px;\n  border-top: 1px solid rgba(51, 51, 51, 0.1);\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block {\n  margin-top: 41px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block {\n  float: left;\n  width: calc(100% - 650px);\n  max-width: 395px;\n  margin-top: 3px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block .block {\n  margin-bottom: 25px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block .block .name_block {\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 500;\n  line-height: 18px;\n  font-size: 16px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block .block p {\n  color: #828282;\n  line-height: 21px;\n  font-size: 14px;\n  margin-top: 7px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block {\n  float: right;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block {\n  width: 290px;\n  height: 197px;\n  border-radius: 0 0 2px 2px;\n  border: 1px solid rgba(189, 189, 189, 0.6);\n  position: relative;\n  margin: 0 7px;\n  box-sizing: border-box;\n  padding-bottom: 20px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block:last-child {\n  margin-left: 23px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block img {\n  width: 100%;\n  height: 100%;\n  object-fit: scale-down;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block.block_false:after {\n  content: \"\";\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  width: calc(100% + 2px);\n  height: 3px;\n  background: #FF0000;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block.block_false:before {\n  content: \"\";\n  position: absolute;\n  bottom: 20px;\n  left: calc(50% - 9px);\n  background: url(\"assets/img/filled-close-negative.svg\") no-repeat center center;\n  width: 18px;\n  height: 18px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block.block_true:after {\n  content: \"\";\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  width: calc(100% + 2px);\n  height: 3px;\n  background: #27AE60;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block.block_true:before {\n  content: \"\";\n  position: absolute;\n  bottom: 20px;\n  left: calc(50% - 9px);\n  background: url(\"assets/img/filled-check-positive.svg\") no-repeat center center;\n  width: 18px;\n  height: 18px;\n}\n\nsection.expertise_oskelly .expertise_oskelly_left_right_block:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n@media only screen and (max-width: 1024px) {\n  section.expertise_oskelly {\n    padding: 61px 0 61px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block {\n    margin-top: 40px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block {\n    float: left;\n    max-width: 46%;\n    width: 290px;\n    margin: 0;\n    display: block;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block {\n    margin: 0;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block.block_true {\n    margin: 34px 0 0;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block {\n    float: right;\n    width: 54%;\n    max-width: 100%;\n    margin-top: 3px;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  section.expertise_oskelly {\n    padding: 41px 0 18px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block {\n    margin-top: 31px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block {\n    float: none;\n    width: 100%;\n    margin-top: 32px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block .block {\n    margin-bottom: 22px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block .block .name_block {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_right_block .block p {\n    line-height: 18px;\n    font-size: 12px;\n    margin-top: 5px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block {\n    float: none;\n    width: 100%;\n    max-width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block {\n    width: calc(50% - 4px);\n    min-height: 140px;\n    height: auto;\n    padding: 0 16px 20px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block.block_true {\n    margin-top: 0;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block.block_true:before {\n    bottom: 15px;\n  }\n\n  section.expertise_oskelly .expertise_oskelly_left_right_block .expertise_left_block .block.block_false:before {\n    bottom: 15px;\n  }\n}\n</style>\n","<template>\n  <section\n    :id=\"ANCHORS.SAFE_DEAL\"\n    class=\"safe_deal\"\n  >\n    <div class=\"osk-wrapper\">\n      <div class=\"title_block_sm\">\n        Безопасная сделка\n      </div>\n\n      <div class=\"section-subtitle\">\n        Безопасная сделка проходит в несколько этапов,\n        <br>\n        в котором OSKELLY выступает посредником между\n        <br>\n        продавцом и покупателем\n      </div>\n\n      <div class=\"list_safe_deal_info\">\n        <ul>\n          <li\n            v-for=\"(step, i) in steps\"\n            :key=\"step.title\"\n            class=\"number_one\"\n          >\n            <div class=\"number\">\n              {{ i + 1 }}\n            </div>\n\n            <div class=\"name_list\">\n              {{ step.title }}\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { ANCHORS } from '~/components/info/anchors';\n\nconst steps = [\n  {\n    title: 'Оплата совершенной покупки',\n  },\n  {\n    title: 'Заморозка денег на счете покупателя',\n  },\n  {\n    title: 'Перечисление денег на счет Oskelly после проведения экспертизы товара или истечения срока заморозки',\n  },\n  {\n    title: 'Получение заказа покупателем',\n  },\n  {\n    title: 'Списание средств со счета Oskelly и перевод их продавцу',\n  },\n];\n</script>\n\n<style scoped lang=\"scss\">\nsection.safe_deal {\n  padding: 80px 0 78px;\n  border-top: 1px solid rgba(51, 51, 51, 0.1);\n}\n\nsection.safe_deal.safe_deal_buyer {\n  padding: 80px 0 56px;\n}\n\nsection.safe_deal .section-subtitle {\n  margin: 18px 0 0;\n  text-align: left;\n  max-width: 100%;\n}\n\nsection.safe_deal .list_safe_deal_info {\n  margin-top: 30px;\n}\n\nsection.safe_deal .list_safe_deal_info ul {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n}\n\nsection.safe_deal .list_safe_deal_info ul li {\n  position: relative;\n  padding: 42px 20px 0 0;\n  box-sizing: border-box;\n}\n\nsection.safe_deal .list_safe_deal_info ul li.number_one {\n  width: 23%;\n}\nsection.safe_deal .list_safe_deal_info ul li.number_two {\n  width: 28%;\n}\nsection.safe_deal .list_safe_deal_info ul li.number_tree {\n  width: 32%;\n}\nsection.safe_deal .list_safe_deal_info ul li.number_four {\n  width: 17%;\n}\n\nsection.safe_deal .list_safe_deal_info ul li:last-child {\n  padding-right: 0;\n}\n\nsection.safe_deal .list_safe_deal_info ul li:last-child:before {\n  display: none;\n}\n\nsection.safe_deal .list_safe_deal_info ul li:before {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  left: 0px;\n  background: #27AE60;\n  width: 100%;\n  height: 1px;\n}\n\nsection.safe_deal .list_safe_deal_info ul li .number {\n  position: absolute;\n  top: 0;\n  left: 0;\n  text-align: center;\n  width: 24px;\n  height: 24px;\n  line-height: 24px;\n  color: #ffffff;\n  font-size: 14px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 700;\n  background: #27AE60;\n  border-radius: 50%;\n}\n\nsection.safe_deal .list_safe_deal_info ul li .name_list {\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 22px;\n}\n\n@media only screen and (max-width: 1024px) {\n  section.safe_deal {\n    padding: 60px 0 61px;\n  }\n\n  section.safe_deal .list_safe_deal_info {\n    margin-top: 37px;\n  }\n\n  section.safe_deal .list_safe_deal_info ul li {\n    padding: 45px 32px 0 0;\n  }\n\n  section.safe_deal .list_safe_deal_info ul li.number_two {\n    width: 24%;\n  }\n\n  section.safe_deal .list_safe_deal_info ul li.number_tree {\n    width: 30%;\n  }\n\n  section.safe_deal .list_safe_deal_info ul li.number_four {\n    width: 23%;\n  }\n\n  section.safe_deal .list_safe_deal_info ul li .name_list {\n    font-size: 12px;\n    line-height: 16px;\n  }\n\n  section.safe_deal.safe_deal_buyer {\n    padding: 60px 0 47px;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  section.safe_deal {\n    padding: 41px 0 40px;\n  }\n\n  section.safe_deal .section-subtitle {\n    margin-top: 12px;\n  }\n\n  section.safe_deal .list_safe_deal_info {\n    margin-top: 23px;\n  }\n\n  section.safe_deal .list_safe_deal_info ul {\n    display: block;\n  }\n\n  section.safe_deal .list_safe_deal_info ul li {\n    width: 100% !important;\n    padding: 4px 0 37px 35px;\n  }\n\n  section.safe_deal .list_safe_deal_info ul li:last-child {\n    padding-bottom: 0;\n  }\n\n  section.safe_deal .list_safe_deal_info ul li:before {\n    left: 12px;\n    top: 0;\n    width: 1px;\n    height: 100%;\n  }\n\n  section.safe_deal.safe_deal_buyer {\n    padding: 41px 0 39px;\n  }\n\n  section.safe_deal.safe_deal_buyer .section-subtitle br {\n    display: none;\n  }\n}\n</style>\n","<template>\n  <div :class=\"classes[props.type]\">\n    <div class=\"osk-wrapper\">\n      <div class=\"center_block\">\n        <h2 class=\"section-title\">\n          {{ title }}\n        </h2>\n\n        <div class=\"section-subtitle\">\n          {{ subtitle }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  title?: string\n  subtitle?: string\n  type: 'seller' | 'buyer'\n}>(), {\n  title: '',\n  subtitle: '',\n});\n\nconst classes = {\n  seller: 'seller_top_title_block seller_buyer_top_title_block',\n  buyer: 'buyer_top_title_block seller_buyer_top_title_block',\n};\n</script>\n\n<style scoped lang=\"scss\">\n.seller_buyer_top_title_block {\n  padding: 86px 0 82px;\n  text-align: center;\n  position: relative;\n}\n\n.seller_buyer_top_title_block:before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 0;\n}\n\n.seller_top_title_block {\n  background: url(\"assets/img/info/bg-seller.jpeg\") no-repeat center center;\n  background-size: cover;\n}\n\n.buyer_top_title_block {\n  background: url(\"assets/img/info/bg-buyer.jpeg\") no-repeat center center;\n  background-size: cover;\n}\n\n@media only screen and (max-width: 400px) {\n  .seller_top_title_block {\n    background: url(\"assets/img/info/bg-seller_xs.jpeg\") no-repeat center center;\n    background-size: cover;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .seller_top_title_block {\n    background: url(\"assets/img/info/bg-seller_sm.jpeg\") no-repeat center center;\n    background-size: cover;\n  }\n\n  .buyer_top_title_block {\n    background: url(\"assets/img/info/bg-buyer_sm.jpeg\") no-repeat center center;\n    background-size: cover;\n  }\n}\n\n.center_block {\n  max-width: 500px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.center_block .section-title {\n  color: #ffffff;\n  font-size: 34px;\n}\n\n.center_block .section-subtitle {\n  color: #E0E0E0;\n  font-size: 14px;\n  line-height: 21px;\n  margin-top: 15px;\n}\n\n@media only screen and (max-width: 767px) {\n  .seller_buyer_top_title_block {\n    padding: 68px 0px 49px;\n  }\n\n  .seller_buyer_top_title_block .osk-wrapper {\n    padding: 0;\n  }\n\n  .center_block .section-title {\n    font-size: 22px;\n    line-height: 28px;\n    letter-spacing: 1px;\n  }\n\n  .center_block .section-subtitle {\n    font-size: 12px;\n    line-height: 19px;\n    margin-top: 10px;\n    padding: 0 14px;\n  }\n}\n</style>\n","export default \"data:image/svg+xml,%3csvg%20width='23'%20height='19'%20viewBox='0%200%2023%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21.3257%2018L20.8336%2017.0857C19.744%2015.0616%2019.1736%2012.7988%2019.1736%2010.5V8.67392C19.1736%204.43573%2015.7379%201%2011.4997%201C7.26152%201%203.82579%204.43573%203.82579%208.67392V10.5C3.82579%2012.7988%203.25544%2015.0616%202.16585%2017.0857L1.67369%2018H21.3257ZM11.4997%200C6.70923%200%202.82579%203.88344%202.82579%208.67392V10.5C2.82579%2012.6333%202.29649%2014.7333%201.28532%2016.6117L0.402119%2018.2524C0.220232%2018.5903%200.464961%2019%200.848697%2019H22.1507C22.5344%2019%2022.7792%2018.5903%2022.5973%2018.2524L21.7141%2016.6117C20.7029%2014.7333%2020.1736%2012.6333%2020.1736%2010.5V8.67392C20.1736%203.88344%2016.2902%200%2011.4997%200Z'%20fill='%23808080'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='34'%20height='23'%20viewBox='0%200%2034%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.5%201.5C0.5%200.671574%201.17157%200%202%200H19C19.8284%200%2020.5%200.671573%2020.5%201.5V4.64634H19.5V1.5C19.5%201.22386%2019.2761%201%2019%201H2C1.72386%201%201.5%201.22386%201.5%201.5V12.8415C1.5%2013.1176%201.72386%2013.3415%202%2013.3415H5.75V17.9735C5.75%2018.4266%206.30445%2018.646%206.61456%2018.3157L11.2836%2013.3415H14V14.3415H11.7164L7.34368%2019C6.41335%2019.9912%204.75%2019.3328%204.75%2017.9735V14.3415H2C1.17157%2014.3415%200.5%2013.6699%200.5%2012.8415V1.5Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.5%205.5C33.5%204.67157%2032.8284%204%2032%204H15C14.1716%204%2013.5%204.67157%2013.5%205.5V16.1585C13.5%2016.987%2014.1716%2017.6585%2015%2017.6585H21.3122L26.7624%2022.4258C27.7324%2023.2742%2029.25%2022.5854%2029.25%2021.2968V17.6585H32C32.8284%2017.6585%2033.5%2016.987%2033.5%2016.1585V5.5ZM32%205C32.2761%205%2032.5%205.22386%2032.5%205.5V16.1585C32.5%2016.4347%2032.2761%2016.6585%2032%2016.6585H28.25V21.2968C28.25%2021.7263%2027.7441%2021.9559%2027.4208%2021.6731L21.6878%2016.6585H15C14.7239%2016.6585%2014.5%2016.4347%2014.5%2016.1585V5.5C14.5%205.22386%2014.7239%205%2015%205H32Z'%20fill='%23808080'/%3e%3cpath%20d='M7.46875%205.25391H8.4707C8.53516%204.41602%209.09766%203.89453%209.98242%203.89453C10.8555%203.89453%2011.418%204.42773%2011.418%205.1543C11.418%205.78125%2011.1543%206.15039%2010.4746%206.56641C9.67188%207.04688%209.29688%207.57422%209.30273%208.34766V8.88672H10.3281V8.50586C10.3281%207.89062%2010.5391%207.5625%2011.2832%207.12305C12.0332%206.67188%2012.5078%206.02148%2012.5078%205.10156C12.5078%203.89453%2011.5%202.98047%2010.0234%202.98047C8.37695%202.98047%207.5332%203.98828%207.46875%205.25391ZM9.89453%2011.6055C10.3691%2011.6055%2010.7031%2011.2656%2010.7031%2010.791C10.7031%2010.3105%2010.3691%209.9707%209.89453%209.9707C9.41992%209.9707%209.08008%2010.3105%209.08008%2010.791C9.08008%2011.2656%209.41992%2011.6055%209.89453%2011.6055Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M19.6465%2011.3886C19.8418%2011.1934%2020.1584%2011.1934%2020.3536%2011.3886L22.1214%2013.1564L26.0105%209.26731C26.2057%209.07205%2026.5223%209.07205%2026.7176%209.26731C26.9129%209.46258%2026.9129%209.77916%2026.7176%209.97442L22.1214%2014.5706L19.6465%2012.0957C19.4513%2011.9005%2019.4513%2011.5839%2019.6465%2011.3886Z'%20fill='%23808080'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.2749%2011.3218L23.6745%204.12109L24.3254%204.88031L15.9257%2012.081C15.8149%2012.176%2015.7511%2012.3146%2015.7511%2012.4606V18.5582C15.7511%2018.9809%2015.5728%2019.384%2015.2599%2019.6683L11.7575%2022.8509C10.7939%2023.7266%209.24874%2023.0429%209.24874%2021.7408V12.443C9.24874%2012.3022%209.18933%2012.1678%209.0851%2012.0731L1.16357%204.87065L1.8363%204.13075L9.75783%2011.3332C10.0705%2011.6175%2010.2487%2012.0204%2010.2487%2012.443V21.7408C10.2487%2022.1748%2010.7638%2022.4027%2011.085%2022.1109L14.5874%2018.9282C14.6917%2018.8335%2014.7511%2018.6991%2014.7511%2018.5582V12.4606C14.7511%2012.0227%2014.9424%2011.6067%2015.2749%2011.3218Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24%202H1V4H24V2ZM1%201C0.447715%201%200%201.44772%200%202V4C0%204.55228%200.447716%205%201%205H24C24.5523%205%2025%204.55228%2025%204V2C25%201.44772%2024.5523%201%2024%201H1Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.5%2012.5C11.7761%2012.5%2012%2012.7239%2012%2013V20C12%2020.2761%2011.7761%2020.5%2011.5%2020.5C11.2239%2020.5%2011%2020.2761%2011%2020V13C11%2012.7239%2011.2239%2012.5%2011.5%2012.5Z'%20fill='%23808080'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='21'%20height='24'%20viewBox='0%200%2021%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.5'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20%201H1L1%2023H20V1ZM1%200C0.447715%200%200%200.447716%200%201V23C0%2023.5523%200.447715%2024%201%2024H20C20.5523%2024%2021%2023.5523%2021%2023V1C21%200.447715%2020.5523%200%2020%200H1Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20%205.5H1V4.5H20V5.5Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.49902%204C7.49902%203.72386%207.72288%203.5%207.99902%203.5C9.10359%203.5%209.99902%204.39543%209.99902%205.5C9.99902%206.60457%209.10359%207.5%207.99902%207.5C7.72288%207.5%207.49902%207.27614%207.49902%207C7.49902%206.72386%207.72288%206.5%207.99902%206.5C8.55131%206.5%208.99902%206.05228%208.99902%205.5C8.99902%204.94772%208.55131%204.5%207.99902%204.5C7.72288%204.5%207.49902%204.27614%207.49902%204Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.2199%2012.499L7.9995%209.18359L2.77914%2012.499L13.2199%2012.499ZM8.53561%208.33944C8.20841%208.13164%207.79059%208.13164%207.46339%208.33944L2.24303%2011.6548C1.3981%2012.1914%201.77822%2013.499%202.77914%2013.499H13.2199C14.2208%2013.499%2014.6009%2012.1914%2013.756%2011.6548L8.53561%208.33944Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.49902%209V7H8.49902V9H7.49902Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.499%204C11.499%203.72386%2011.7229%203.5%2011.999%203.5C13.1036%203.5%2013.999%204.39543%2013.999%205.5C13.999%206.60457%2013.1036%207.5%2011.999%207.5C11.7229%207.5%2011.499%207.27614%2011.499%207C11.499%206.72386%2011.7229%206.5%2011.999%206.5C12.5513%206.5%2012.999%206.05228%2012.999%205.5C12.999%204.94772%2012.5513%204.5%2011.999%204.5C11.7229%204.5%2011.499%204.27614%2011.499%204Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M17.2199%2012.499L11.9995%209.18359L6.77914%2012.499L17.2199%2012.499ZM12.5356%208.33944C12.2084%208.13164%2011.7906%208.13164%2011.4634%208.33944L6.24303%2011.6548C5.3981%2012.1914%205.77822%2013.499%206.77914%2013.499H17.2199C18.2208%2013.499%2018.6009%2012.1914%2017.756%2011.6548L12.5356%208.33944Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.499%209V7H12.499V9H11.499Z'%20fill='%23808080'/%3e%3c/g%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M22.4345%204.39378C21.3749%203.3577%2019.9313%202.77038%2018.4198%202.77038C16.9084%202.77038%2015.4648%203.3577%2014.4052%204.39378L13.1373%205.63304C12.7818%205.98055%2012.2176%205.98055%2011.862%205.63304L10.5943%204.39393C8.38035%202.23003%204.77867%202.23003%202.56475%204.39393C0.367908%206.54114%200.367908%2010.0093%202.56475%2012.1565L12.4997%2021.867L22.4346%2012.1565C23.4936%2011.1219%2024.0829%209.72498%2024.0829%208.27523C24.0829%206.82548%2023.4935%205.42837%2022.4345%204.39378ZM12.4997%2023.1562L1.92709%2012.8225C-0.642365%2010.3111%20-0.642365%206.23934%201.92709%203.72793C4.49655%201.21652%208.66247%201.21652%2011.2319%203.72793L12.4997%204.96704L13.7674%203.72793C15.0011%202.52154%2016.6747%201.84375%2018.4198%201.84375C20.165%201.84375%2021.8386%202.52154%2023.0723%203.72793C24.3065%204.93375%2025%206.56954%2025%208.27523C25%209.98092%2024.3065%2011.6167%2023.0723%2012.8225L12.4997%2023.1562Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M21.6878%209.19128C22.0377%206.71716%2019.9387%204.59649%2017.49%204.94993C17.2393%204.98612%2017.007%204.81011%2016.9712%204.5568C16.9354%204.30349%2017.1096%204.0688%2017.3603%204.03262C20.4143%203.59181%2023.032%206.23666%2022.5957%209.32233C22.5599%209.57563%2022.3276%209.75165%2022.0769%209.71546C21.8262%209.67927%2021.652%209.44459%2021.6878%209.19128Z'%20fill='%23808080'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.55554%2013.3929H0L12.5%2025L24.9999%2013.3929H19.4444V0H5.55554V13.3929ZM6.48146%200.892857V13.3929C6.48146%2013.886%206.06691%2014.2857%205.55554%2014.2857H2.29641L12.5%2023.7605L22.7035%2014.2857H19.4444C18.933%2014.2857%2018.5185%2013.886%2018.5185%2013.3929V0.892857H6.48146Z'%20fill='%23808080'/%3e%3cpath%20d='M11.1207%2010.1949H12.9246C13.6706%2010.1949%2014.2493%2010.0097%2014.6607%209.63909C15.0631%209.27724%2015.2643%208.77806%2015.2643%208.14155C15.2643%207.50504%2015.0631%207.00586%2014.6607%206.64401C14.2493%206.2778%2013.6706%206.09469%2012.9246%206.09469H11.1207V10.1949ZM11.1207%2013.0462V14.7333H10.1984V13.0462H8.84204V12.353H10.1984V10.9797H8.84204V10.1949H10.1984V5.29688H13.1416C14.0639%205.29688%2014.8099%205.56281%2015.3796%206.09469C15.9357%206.62221%2016.2137%207.3045%2016.2137%208.14155C16.2137%208.98296%2015.9334%209.66525%2015.3728%2010.1884C14.8076%2010.7159%2014.0617%2010.9797%2013.1348%2010.9797H11.1207V12.353H14.0029V13.0462H11.1207Z'%20fill='%23808080'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='19'%20height='26'%20viewBox='0%200%2019%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.5%2018.3363C14.247%2018.3363%2018.0952%2014.5016%2018.0952%209.77128C18.0952%205.04095%2014.247%201.20627%209.5%201.20627C4.75298%201.20627%200.904762%205.04095%200.904762%209.77128C0.904762%2014.5016%204.75298%2018.3363%209.5%2018.3363ZM9.5%2019.2379C14.7467%2019.2379%2019%2014.9995%2019%209.77128C19%204.54302%2014.7467%200.304688%209.5%200.304688C4.25329%200.304688%200%204.54302%200%209.77128C0%2014.9995%204.25329%2019.2379%209.5%2019.2379Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.9763%2017.4336V23.6453C4.9763%2024.0256%205.41977%2024.235%205.71514%2023.9942L8.64071%2021.6089C9.14064%2021.2013%209.85957%2021.2013%2010.3595%2021.6089L13.2851%2023.9942C13.5804%2024.235%2014.0239%2024.0256%2014.0239%2023.6453V17.4336H14.9287V23.6453C14.9287%2024.7862%2013.5983%2025.4144%2012.7121%2024.6919L9.78657%2022.3067C9.61993%2022.1708%209.38028%2022.1708%209.21364%2022.3067L6.28807%2024.6919C5.40195%2025.4144%204.07153%2024.7862%204.07153%2023.6453V17.4336H4.9763Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.5623%207.20695L9.49997%205.56955L8.43768%207.20695C8.19351%207.5833%207.81745%207.85556%207.38281%207.97066L5.49178%208.47143L6.72627%209.98416C7.01002%2010.3319%207.15366%2010.7724%207.1292%2011.2199L7.02278%2013.1668L8.84803%2012.4643C9.26756%2012.3028%209.73239%2012.3028%2010.1519%2012.4643L11.9772%2013.1668L11.8708%2011.2199C11.8463%2010.7724%2011.9899%2010.3319%2012.2737%209.98416L13.5082%208.47143L11.6171%207.97066C11.1825%207.85556%2010.8064%207.5833%2010.5623%207.20695ZM10.2598%205.08007C9.9033%204.5306%209.09664%204.5306%208.74017%205.08007L7.67787%206.71747C7.55579%206.90564%207.36776%207.04177%207.15043%207.09932L5.25941%207.60009C4.62484%207.76813%204.37556%208.53262%204.78982%209.04025L6.02431%2010.553C6.16618%2010.7268%206.238%2010.9471%206.22577%2011.1708L6.11935%2013.1177C6.08364%2013.7711%206.73625%2014.2435%207.34875%2014.0078L9.174%2013.3053C9.38377%2013.2246%209.61618%2013.2246%209.82595%2013.3053L11.6512%2014.0078C12.2637%2014.2435%2012.9163%2013.7711%2012.8806%2013.1177L12.7742%2011.1708C12.7619%2010.9471%2012.8338%2010.7268%2012.9756%2010.553L14.2101%209.04025C14.6244%208.53262%2014.3751%207.76814%2013.7405%207.60009L11.8495%207.09932C11.6322%207.04177%2011.4442%206.90564%2011.3221%206.71747L10.2598%205.08007Z'%20fill='%23808080'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='35'%20height='19'%20viewBox='0%200%2035%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.1244%2012.6585H34V1H16V12.6585H20.25V17.7968L26.1244%2012.6585ZM26.5%2013.6585H34C34.5523%2013.6585%2035%2013.2108%2035%2012.6585V1C35%200.447715%2034.5523%200%2034%200H16C15.4477%200%2015%200.447715%2015%201V12.6585C15%2013.2108%2015.4477%2013.6585%2016%2013.6585H19.25V17.7968C19.25%2018.6558%2020.2618%2019.115%2020.9084%2018.5494L26.5%2013.6585Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%204.5C3%206.433%204.567%208%206.5%208C8.433%208%2010%206.433%2010%204.5C10%202.567%208.433%201%206.5%201C4.567%201%203%202.567%203%204.5ZM6.5%200C4.01472%200%202%202.01472%202%204.5C2%206.98528%204.01472%209%206.5%209C8.98528%209%2011%206.98528%2011%204.5C11%202.01472%208.98528%200%206.5%200Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%2016V15.5C12%2012.4624%209.53757%2010%206.5%2010C3.46243%2010%201%2012.4624%201%2015.5V16H12ZM6.5%209C2.91015%209%200%2011.9101%200%2015.5V16.2727C0%2016.6744%200.325611%2017%200.727273%2017H12.2727C12.6744%2017%2013%2016.6744%2013%2016.2727V15.5C13%2011.9101%2010.0899%209%206.5%209Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.5%205C18.5%204.72386%2018.7239%204.5%2019%204.5H31C31.2761%204.5%2031.5%204.72386%2031.5%205C31.5%205.27614%2031.2761%205.5%2031%205.5H19C18.7239%205.5%2018.5%205.27614%2018.5%205Z'%20fill='%23808080'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M18.5%209C18.5%208.72386%2018.7239%208.5%2019%208.5H31C31.2761%208.5%2031.5%208.72386%2031.5%209C31.5%209.27614%2031.2761%209.5%2031%209.5H19C18.7239%209.5%2018.5%209.27614%2018.5%209Z'%20fill='%23808080'/%3e%3c/svg%3e\"","<template>\n  <section\n    :id=\"ANCHORS.TIP\"\n    class=\"useful_tip\"\n  >\n    <div class=\"osk-wrapper\">\n      <div class=\"title_block_sm\">\n        Полезные советы\n      </div>\n\n      <div class=\"flex_block_tip\">\n        <div\n          v-for=\"tip in tips\"\n          :key=\"tip.title\"\n          class=\"block\"\n        >\n          <div class=\"icon\">\n            <img\n              :src=\"tip.icon\"\n              alt=\"logo\"\n            >\n          </div>\n\n          <div class=\"name_block\">\n            {{ tip.title }}\n          </div>\n\n          <p>{{ tip.description }}</p>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { filename } from 'pathe/utils';\n\nimport { ANCHORS } from '~/components/info/anchors';\n\nconst glob: Record<string, { default: string }> = import.meta.glob('~/assets/img/tips/*.svg', { eager: true });\nconst icons = Object.fromEntries(\n  Object.entries(glob).map(([ key, value ]) => [ filename(key), value.default ]),\n);\n\nconst props = withDefaults(defineProps<{\n  type: 'sell' | 'buy'\n}>(), {});\n\nconst sellTips = [\n  {\n    title: 'Следите за уведомлениями',\n    description: 'Уведомления OSKELLY помогают вам постоянно быть в курсе всех обновлений вашего аккаунта. Не игнорируйте их и вы не пропустите ничего важного',\n    icon: icons.bell,\n  },\n  {\n    title: 'Вовремя отвечайте на комментарии',\n    description: 'Своевременные ответы на комментарии покупателей увеличивают ваши шансы на продажу товара',\n    icon: icons['user-comments'],\n  },\n  {\n    title: 'Обновляйте остатки',\n    description: 'Чтобы избежать ситуаций с отменой заказа, пожалуйста, вовремя обновляйте остатки в личном кабинете',\n    icon: icons.hanger,\n  },\n  {\n    title: 'Принимайте торг',\n    description: 'Если покупатель предложил вам торг за ваш товара, соглашайтесь, так вы увеличите шанс на его продажу',\n    icon: icons.dispute,\n  },\n];\nconst buyTips = [\n  {\n    title: 'Используйте фильтры',\n    description: 'Находите лучшие товары, используя удобные фильтры OSKELLY в нашем каталоге',\n    icon: icons.filter,\n  },\n  {\n    title: 'Подписывайтесь на любимых продавцов',\n    description: 'Подписывайтесь на любимые бутики и частных продавцов, и отслеживайте пополнение их ассортимента',\n    icon: icons.hanger,\n  },\n  {\n    title: 'Подписывайтесь на бренды',\n    description: 'Подписывайтесь на любимые бренды и будьте в курсе всех новинок',\n    icon: icons['star-medal'],\n  },\n  {\n    title: 'Используйте вишлист',\n    description: 'Добавляйте товары в избранное, чтобы не потерять его',\n    icon: icons.heart,\n  },\n  {\n    title: 'Подписывайтесь на снижение цен',\n    description: 'Так вы не пропустите выгодное предложение для ваших любимых товаров',\n    icon: icons['price-decrease'],\n  },\n  {\n    title: 'Торгуйтесь',\n    description: 'Хотите получить скидку на товар, предложите продавцу свою цену',\n    icon: icons.dispute,\n  },\n];\nconst tips = {\n  buy: buyTips,\n  sell: sellTips,\n}[props.type];\n</script>\n\n<style scoped lang=\"scss\">\nsection.useful_tip {\n  padding: 100px 0 63px;\n  border-top: 1px solid rgba(51, 51, 51, 0.1);\n}\n\nsection.useful_tip.useful_tip_buyer {\n  padding: 81px 0 71px;\n}\n\nsection.useful_tip.useful_tip_buyer .flex_block_tip .block {\n  margin-bottom: 48px;\n}\n\nsection.useful_tip .wrapper {\n  max-width: 1120px;\n}\n\nsection.useful_tip .flex_block_tip {\n  margin-top: 47px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\nsection.useful_tip .flex_block_tip .block {\n  width: calc(50% - 10px);\n  box-sizing: border-box;\n  padding-right: 25px;\n  margin-bottom: 60px;\n}\n\nsection.useful_tip .flex_block_tip .block .icon {\n  height: 25px;\n  position: relative;\n}\n\nsection.useful_tip .flex_block_tip .block .icon svg {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translate(0, -50%);\n}\n\nsection.useful_tip .flex_block_tip .block .name_block {\n  font-size: 16px;\n  line-height: 18px;\n  font-family: \"Open Sans\", sans-serif;\n  font-weight: 500;\n  margin-top: 15px;\n}\n\nsection.useful_tip .flex_block_tip .block p {\n  margin-top: 10px;\n  font-size: 14px;\n  line-height: 21px;\n  color: #828282;\n}\n\n@media only screen and (min-width: 1024px) {\n  section.useful_tip .flex_block_tip .block p {\n    max-width: 450px;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  section.useful_tip {\n    padding: 58px 0 30px;\n  }\n\n  section.useful_tip .flex_block_tip .block {\n    width: calc(50% - 15px);\n    padding-right: 0;\n    margin-bottom: 40px;\n  }\n\n  section.useful_tip .flex_block_tip .block p br {\n    display: none;\n  }\n\n  section.useful_tip.useful_tip_buyer {\n    padding: 58px 0 44px;\n  }\n\n  section.useful_tip.useful_tip_buyer .flex_block_tip .block {\n    margin-bottom: 28px;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  section.useful_tip {\n    padding: 48px 0 24px;\n  }\n\n  section.useful_tip .flex_block_tip {\n    display: block;\n    margin-top: 30px;\n  }\n\n  section.useful_tip .flex_block_tip .block {\n    width: 100%;\n    margin-bottom: 27px;\n  }\n\n  section.useful_tip .flex_block_tip .block .name_block {\n    font-size: 14px;\n  }\n\n  section.useful_tip .flex_block_tip .block p {\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  section.useful_tip.useful_tip_buyer {\n    padding: 43px 0 44px;\n  }\n\n  section.useful_tip.useful_tip_buyer .flex_block_tip .block p {\n    margin-top: 4px;\n  }\n}\n</style>\n","export default \"__VITE_ASSET__CtJt4F16__\"","<template>\n  <section class=\"what_oskelly\">\n    <div class=\"osk-wrapper\">\n      <div class=\"flex_block\">\n        <div class=\"left_text\">\n          <div class=\"title_block_sm\">\n            Что такое Oskelly?\n          </div>\n\n          <p>\n            Первый сервис для покупки и перепродажи брендовых вещей\n            <br>\n            в России. Бутики и частные продавцы размещают на OSKELLY новую и почти новую одежду со скидками до 90%\n          </p>\n        </div>\n\n        <div class=\"right_img\">\n          <img src=\"~assets/img/info/what-is-oskelly.jpeg\">\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\n\n</script>\n\n<style scoped lang=\"scss\">\nsection.what_oskelly {\n  padding: 78px 0 115px;\n}\n\nsection.what_oskelly .flex_block {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  border: 1px solid #F2F2F2;\n  border-radius: 2px;\n  padding: 44px 53px;\n}\n\nsection.what_oskelly .flex_block .left_text {\n  width: 500px;\n  max-width: calc(100% - 420px);\n}\n\nsection.what_oskelly .flex_block .left_text p {\n  font-size: 16px;\n  line-height: 24px;\n  margin-top: 9px;\n}\n\nsection.what_oskelly .flex_block .right_img {\n  width: 400px;\n  height: 265px;\n}\n\nsection.what_oskelly .flex_block .right_img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n@media only screen and (max-width: 1024px) {\n  section.what_oskelly {\n    padding: 59px 0 60px;\n  }\n\n  section.what_oskelly .flex_block {\n    padding: 57px 27px;\n  }\n\n  section.what_oskelly .flex_block .left_text {\n    width: 50%;\n    max-width: 100%;\n  }\n\n  section.what_oskelly .flex_block .right_img {\n    width: 43%;\n    height: auto;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  section.what_oskelly {\n    padding: 40px 0 40px;\n  }\n\n  section.what_oskelly .flex_block {\n    display: block;\n    padding: 19px 10px;\n  }\n\n  section.what_oskelly .flex_block .left_text {\n    width: 100%;\n  }\n\n  section.what_oskelly .flex_block .left_text .title_block_sm {\n    font-size: 18px;\n    line-height: 24px;\n  }\n\n  section.what_oskelly .flex_block .left_text p {\n    font-size: 14px;\n    line-height: 21px;\n    margin-top: 6px;\n  }\n\n  section.what_oskelly .flex_block .right_img {\n    display: none;\n  }\n}\n</style>\n"],"names":["scrollToAnchor","event","anchor","element","elementTopPosition","headerHeightCorrection","props","__props","sellSteps","buySteps","account","isAuth","useAccountStore","id","ANCHORS","steps","title","rightBlockTexts","button","PrimaryPageType","_imports_0$1","classes","bell","dispute","filter","hanger","heart","priceDecrease","starMedal","userComments","icons","__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","key","value","filename","sellTips","tips","_imports_0","_hoisted_1","_hoisted_3","_cache"],"mappings":"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"}