{"version":3,"file":"lNxzRyEu.js","sources":["../../../../components/home/old/Buy.vue","../../../../components/home/old/Examination.vue","../../../../components/home/old/StartSelling.vue","../../../../assets/img/home/choice-payment.svg?component","../../../../assets/img/home/authentication.svg?component","../../../../assets/img/home/sending-goods.svg?component","../../../../assets/img/home/product-placement.svg?component","../../../../assets/img/home/authentication2.svg?component","../../../../assets/img/home/money-transfer.svg?component","../../../../components/home/old/ServiceWork.vue","../../../../components/home/old/Community.vue","../../../../components/home/old/FourBlocks.vue","../../../../components/home/old/AboutMedia.vue","../../../../pages/info/about.vue"],"sourcesContent":["<template>\n  <section class=\"old-buy\">\n    <div class=\"osk-wrapper\">\n      <div class=\"old-buy__content\">\n        <h2 class=\"section-title old-buy__title\">\n          Покупайте\n        </h2>\n\n        <p class=\"old-buy__text\">\n          Бутики и частные продавцы размещают у нас новую и почти новую брендовую одежду со скидками до -90%\n        </p>\n\n        <p class=\"old-buy__text\">\n          Каждый день мы добавляем 100+ новых товаров, а наши эксперты собирают лучшие из них в специальные подборки.\n        </p>\n\n        <a\n          class=\"old-buy__link\"\n          href=\"/info/buyer\"\n        >\n          Подробнее\n        </a>\n      </div>\n\n      <div class=\"old-buy__image-block\">\n        <picture>\n          <source\n            srcset=\"//oskelly.ru/images/icons/about_img.png\"\n            type=\"image/webp\"\n          >\n          <source\n            srcset=\"//static.oskelly.ru/images/icons/about_img.png\"\n            type=\"image/jpeg\"\n          >\n          <img\n            class=\"old-buy__image\"\n            src=\"//static.oskelly.ru/images/icons/about_img.png\"\n            alt=\"Начните продавать\"\n          >\n        </picture>\n      </div>\n    </div>\n  </section>\n</template>\n\n<style scoped lang=\"scss\">\n.old-buy {\n  padding: 33px 0px 40px;\n  background: rgba(245, 245, 245, 0.5);\n\n  @media screen and (min-width: 1024px) {\n    padding: 80px 0;\n  }\n\n  .osk-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @media screen and (min-width: 1024px) {\n      align-items: center;\n      justify-content: space-between;\n      flex-direction: row;\n    }\n  }\n\n  &__title {\n    margin-bottom: 12px;\n    text-align: left;\n    order: 1;\n\n    @media screen and (min-width: 767px) {\n      margin-bottom: 30px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      padding: 16px 16px 0 0;\n    }\n  }\n\n  &__content {\n    @media screen and (min-width: 1024px) {\n      padding-right: 16px;\n      max-width: 471px;\n    }\n  }\n\n  &__text {\n    margin-bottom: 20px;\n    font-size: 12px;\n    line-height: 17px;\n\n    @media screen and (min-width: 1024px) {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n\n  &__link {\n    display: block;\n    height: 46px;\n    color: #141414;\n    text-align: center;\n    line-height: 44px;\n    transition: .3s;\n    border: 1px solid #141414;\n    border-radius: 2px;\n    font-size: 14px;\n\n    &:hover {\n      opacity: .5;\n    }\n\n    @media screen and (min-width: 767px) {\n      display: inline-block;\n      width: 294px;\n    }\n  }\n\n  &__image-block {\n    display: none;\n\n    @media screen and (min-width: 1024px) {\n      display: table-cell;\n      vertical-align: top;\n      width: 50%;\n      margin-bottom: 12px;\n    }\n  }\n\n  &__image {\n    width: 100%;\n  }\n}\n</style>\n","<template>\n  <section class=\"old-examination\">\n    <div class=\"osk-wrapper\">\n      <div class=\"old-examination__image-block\">\n        <img\n          class=\"old-examination__image\"\n          src=\"//static.oskelly.ru/images/icons/guarantees_img.png\"\n          alt=\"Начните продавать\"\n        >\n      </div>\n\n      <div class=\"old-examination__content\">\n        <h2 class=\"section-title old-examination__title\">\n          Экспертиза подлинности\n        </h2>\n\n        <p class=\"old-examination__text\">\n          Перед отправкой эксперты Oskelly проверяют каждую\n          <br>\n          вещь на подлинность и соответствие описанию.\n        </p>\n\n        <p class=\"old-examination__text\">\n          После прохождения экспертизы мы прикрепляем <br>к посылке сертификат подлинности Oskelly. Это гарантия <br>того, что вы купили оригинальную вещь.\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n<style scoped lang=\"scss\">\n.old-examination {\n  padding: 51px 0 23px;\n\n  @media screen and (min-width: 1024px) {\n    padding: 118px 0 100px;\n  }\n\n  .osk-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @media screen and (min-width: 1024px) {\n      align-items: center;\n      justify-content: space-between;\n      flex-direction: row;\n      padding: 42px 66px 34px;\n      max-width: 1114px;\n    }\n  }\n\n  &__title {\n    font-size: 20px;\n    margin-bottom: 12px;\n    line-height: 26px;\n\n    @media screen and (min-width: 1024px) {\n      margin-bottom: 14px;\n      font-size: 34px;\n      line-height: 37px;\n      color: #202020;\n      letter-spacing: 1.5px;\n    }\n  }\n\n  &__content {\n    margin-top: 50px;\n\n    @media screen and (min-width: 1024px) {\n      width: calc(100% - 350px);\n      padding-left: 98px;\n      margin-top: 0;\n    }\n  }\n\n  &__text {\n    font-size: 12px;\n    line-height: 17px;\n\n    &:not(:last-child) {\n      margin-bottom: 20px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n\n  &__image-block {\n    width: 167px;\n    margin: 0 auto;\n\n    @media screen and (min-width: 1024px) {\n      width: 320px;\n      margin: 0;\n    }\n  }\n\n  &__image {\n    width: 100%;\n  }\n}\n</style>\n","<template>\n  <section class=\"start-selling\">\n    <div class=\"osk-wrapper\">\n      <h2 class=\"section-title start-selling__title\">\n        Начните продавать\n      </h2>\n\n      <div class=\"start-selling__content\">\n        <p class=\"start-selling__text\">\n          Продавать вещи, которые пылятся в гардеробе — нормальная практика в Европе и США.\n          Рынок ресейла там растет на 45% каждый год. Это называется осознанным потреблением.\n          Вы не консервируете деньги у себя в шкафу, а зарабатываете на будущие покупки.\n          В нашем приложении достаточно двух кликов, чтобы выставить свои вещи на продажу.\n        </p>\n\n        <div class=\"start-selling__content-links\">\n          <component\n            :is=\"component\"\n            class=\"start-selling__link\"\n            :to=\"isAuth ? '/publication' : undefined\"\n            @click.prevent=\"handleClick\"\n          >\n            Продать товар\n          </component>\n\n          <div class=\"start-selling__text-link\">\n            <a href=\"/info/seller\">Как это работает?</a>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"start-selling__image-block\">\n        <picture>\n          <source\n            srcset=\"//oskelly.ru/images/icons/start_selling_img.webp\"\n            type=\"image/webp\"\n          >\n          <source\n            srcset=\"//static.oskelly.ru/images/icons/start_selling_img.jpg\"\n            type=\"image/jpeg\"\n          >\n          <img\n            class=\"start-selling__image\"\n            src=\"//oskelly.ru/images/icons/start_selling_img.webp\"\n            alt=\"Начните продавать\"\n          >\n        </picture>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nconst { isAuth, openAuthDialog } = useAccountStore();\n\nconst component = computed(() => {\n  if (isAuth.value) return defineNuxtLink({});\n  return 'span';\n});\n\nfunction handleClick() {\n  if (!isAuth.value) {\n    openAuthDialog(() => '/publication');\n    return;\n  }\n\n  navigateTo('/publication');\n}\n</script>\n\n<style scoped lang=\"scss\">\n.start-selling {\n  padding: 55px 0 30px;\n  background: #FAFAFA;\n\n  @media screen and (min-width: 1024px) {\n    padding: 60px 0 72px;\n  }\n\n  .osk-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @media screen and (min-width: 1024px) {\n      display: table;\n    }\n  }\n\n  &__title {\n    margin-bottom: 34px;\n    text-align: left;\n    order: 1;\n\n    @media screen and (min-width: 767px) {\n      margin-bottom: 26px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      padding: 16px 16px 0 0;\n    }\n  }\n\n  &__content {\n    order: 3;\n\n    @media screen and (min-width: 1024px) {\n      padding-right: 16px;\n      max-width: 560px;\n    }\n  }\n\n  &__text {\n    font-size: 14px;\n    line-height: 23px;\n    margin-bottom: 17px;\n\n    @media screen and (min-width: 1024px) {\n      font-size: 16px;\n      line-height: 27px;\n      margin-bottom: 34px;\n    }\n  }\n\n  &__link {\n    display: block;\n    cursor: pointer;\n    height: 46px;\n    color: #fff;\n    text-align: center;\n    line-height: 46px;\n    background: #202020;\n    transition: .3s;\n    border-radius: 2px;\n    font-size: 16px;\n    font-weight: 600;\n    margin-bottom: 29px;\n\n    &:hover {\n      opacity: .5;\n    }\n\n    @media screen and (min-width: 767px) {\n      display: inline-block;\n      width: 294px;\n      margin-bottom: 0;\n    }\n  }\n\n  &__content-links {\n    text-align: center;\n\n    @media screen and (min-width: 1024px) {\n      text-align: left;\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  &__text-link {\n    text-decoration: underline;\n    font-size: 14px;\n    line-height: 17px;\n    color: #333;\n\n    @media screen and (min-width: 1024px) {\n      margin-left: 53px;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n\n  &__image-block {\n    margin-bottom: 12px;\n    order: 2;\n\n    @media screen and (min-width: 1024px) {\n      display: table-cell;\n      vertical-align: top;\n      width: 50%;\n    }\n  }\n\n  &__image {\n    width: 100%;\n  }\n}\n</style>\n","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 26 28\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#333\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M1.578 11.217c0 5.31 4.24 9.614 9.469 9.614 5.23 0 9.469-4.305 9.469-9.614s-4.24-9.615-9.47-9.615c-5.229 0-9.468 4.305-9.468 9.615M11.047 0C4.946 0 0 5.022 0 11.217s4.946 11.216 11.047 11.216c6.1 0 11.047-5.021 11.047-11.216S17.148 0 11.047 0\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#333\",\n  \"fill-rule\": \"evenodd\",\n  d: \"m24.326 27.434-7.811-7.932 1.116-1.133 7.81 7.931a.81.81 0 0 1 0 1.133.78.78 0 0 1-1.115 0\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 32 22\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#333\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M28.8 1.571H3.2c-.884 0-1.6.704-1.6 1.572v15.714c0 .868.716 1.572 1.6 1.572h25.6c.884 0 1.6-.704 1.6-1.572V3.143c0-.868-.716-1.572-1.6-1.572M3.2 0C1.433 0 0 1.407 0 3.143v15.714C0 20.593 1.433 22 3.2 22h25.6c1.767 0 3.2-1.407 3.2-3.143V3.143C32 1.407 30.567 0 28.8 0z\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#333\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M32 8.643H1.6V7.072H32zM4 15.714c0-.434.358-.785.8-.785H8c.442 0 .8.351.8.785a.793.793 0 0 1-.8.786H4.8a.793.793 0 0 1-.8-.786M10.4 15.714c0-.434.359-.785.8-.785h3.2c.442 0 .8.351.8.785a.793.793 0 0 1-.8.786h-3.2a.793.793 0 0 1-.8-.786\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 32 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#333\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M2.286 1.6c-.421 0-.762.359-.762.8v16.003c0 .442.34.8.762.8h1.93v1.6h-1.93C1.023 20.804 0 19.73 0 18.404V2.4C0 1.075 1.023 0 2.286 0h16.762c1.262 0 2.285 1.075 2.285 2.4v4.801h6.286L32 12.085v6.318c0 1.326-1.023 2.4-2.286 2.4h-1.523v-1.6h1.523c.421 0 .762-.358.762-.8V12.72l-3.515-3.918H19.81V2.4c0-.441-.342-.8-.762-.8zm7.723 17.603h12.597v1.6H10.01z\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#333\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M19.81 20.006V2.403h1.523v17.603zM5.333 20c0 1.325 1.024 2.4 2.286 2.4s2.286-1.075 2.286-2.4c0-1.326-1.024-2.401-2.286-2.401s-2.286 1.075-2.286 2.4m2.286-4.001c-2.104 0-3.81 1.79-3.81 4S5.516 24 7.62 24s3.81-1.791 3.81-4-1.706-4.001-3.81-4.001M23.62 20c0 1.325 1.023 2.4 2.285 2.4s2.286-1.075 2.286-2.4c0-1.326-1.023-2.401-2.286-2.401-1.262 0-2.286 1.075-2.286 2.4m2.285-4.001c-2.104 0-3.81 1.79-3.81 4S23.802 24 25.906 24s3.81-1.791 3.81-4-1.706-4.001-3.81-4.001\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 30 24\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#000\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M28.333 1.6H1.667v20.8h26.666zM1.667 0C.747 0 0 .716 0 1.6v20.8c0 .884.746 1.6 1.667 1.6h26.666c.92 0 1.667-.716 1.667-1.6V1.6c0-.884-.746-1.6-1.667-1.6z\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#000\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M15 5.6c.46 0 .834.358.834.8v11.2c0 .441-.373.8-.834.8s-.833-.359-.833-.8V6.4c0-.442.373-.8.833-.8\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#000\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M8.335 12c0-.442.373-.8.833-.8h11.667c.46 0 .833.358.833.8s-.373.8-.833.8H9.168c-.46 0-.833-.358-.833-.8\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_5 = [\n  _hoisted_2,\n  _hoisted_3,\n  _hoisted_4\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_5]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 22 30\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#000\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M20.429 1.579H1.57V28.42H20.43zM1.57 0C.704 0 0 .707 0 1.579V28.42C0 29.293.704 30 1.571 30H20.43c.867 0 1.571-.707 1.571-1.579V1.58C22 .707 21.296 0 20.429 0z\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#000\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M20.429 25.263H0v-1.579h20.429zM5.73 12.074a.783.783 0 0 1 1.112 0l2.777 2.79 6.112-6.14a.783.783 0 0 1 1.111 0 .79.79 0 0 1 0 1.117L9.62 17.098 5.73 13.19a.79.79 0 0 1 0-1.116\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  viewBox: \"0 0 32 23\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#333\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M28.8 1.643H3.2c-.884 0-1.6.735-1.6 1.643v16.428c0 .908.716 1.643 1.6 1.643h25.6c.884 0 1.6-.735 1.6-1.643V3.286c0-.908-.716-1.643-1.6-1.643M3.2 0C1.433 0 0 1.471 0 3.286v16.428C0 21.53 1.433 23 3.2 23h25.6c1.767 0 3.2-1.471 3.2-3.286V3.286C32 1.47 30.567 0 28.8 0z\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", {\n  fill: \"#333\",\n  \"fill-rule\": \"evenodd\",\n  d: \"M32 9.036H1.6V7.393H32zM4 16.429a.81.81 0 0 1 .8-.822H8c.442 0 .8.368.8.822a.81.81 0 0 1-.8.821H4.8a.81.81 0 0 1-.8-.821M10.4 16.429c0-.454.359-.822.8-.822h3.2c.442 0 .8.368.8.822a.81.81 0 0 1-.8.821h-3.2a.81.81 0 0 1-.8-.821\",\n  \"clip-rule\": \"evenodd\"\n}, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [..._hoisted_4]))\n}\nexport default { render: render }","<template>\n  <section\n    :class=\"{\n      'service-work': true,\n      'service-work_no-border': noBorder,\n    }\"\n  >\n    <div class=\"osk-wrapper\">\n      <h2 class=\"section-title service-work__title\">\n        Как работает сервис?\n      </h2>\n\n      <div class=\"service-work__subtitle\">\n        Мы изучили опыт зарубежных интернет-магазинов и опыт наших пользователей,\n        чтобы сделать Oskelly простым, удобным и безопасным местом для покупки и перепродажи брендовых вещей\n      </div>\n\n      <div class=\"service-work__buttons\">\n        <a\n          href=\"#\"\n          :class=\"{\n            'service-work__button': true,\n            active: isBuyers\n          }\"\n          @click.prevent=\"changeActiveBlock(InfoBlock.Buyers)\"\n        >Для покупателей</a>\n\n        <a\n          href=\"#\"\n          :class=\"{\n            'service-work__button': true,\n            active: isSellers\n          }\"\n          @click.prevent=\"changeActiveBlock(InfoBlock.Sellers)\"\n        >Для продавцов</a>\n      </div>\n\n      <div class=\"service-work__blocks\">\n        <div\n          v-if=\"isBuyers\"\n          class=\"service-work__block\"\n        >\n          <ul class=\"service-work__list\">\n            <li class=\"service-work__item\">\n              <div class=\"service-work__icon\">\n                <ChoicePaymentSVG class=\"service-work__icon-svg\" />\n                <span class=\"service-work__count\">1</span>\n              </div>\n\n              <div>\n                <div class=\"service-work__name\">\n                  Выбор и оплата\n                </div>\n                <p class=\"service-work__name-text\">\n                  Выбрать и оплачивать товар можно на сайте или в нашем приложении для iOS или Android\n                </p>\n              </div>\n            </li>\n\n            <li class=\"service-work__item\">\n              <div class=\"service-work__icon\">\n                <AuthenticationSVG class=\"service-work__icon-svg\" />\n                <span class=\"service-work__count\">2</span>\n              </div>\n\n              <div>\n                <div class=\"service-work__name\">\n                  Проверка подлинности\n                </div>\n                <p class=\"service-work__name-text\">\n                  Мы забираем товар у продавца и проверяем его. После проверки у нашего эксперта, мы прикрепляем к посылке сертификат подлинности и качества Oskelly\n                </p>\n              </div>\n            </li>\n\n            <li class=\"service-work__item\">\n              <div class=\"service-work__icon\">\n                <SendingGoodsSVG class=\"service-work__icon-svg\" />\n                <span class=\"service-work__count\">3</span>\n              </div>\n\n              <div>\n                <div class=\"service-work__name\">\n                  Отправка товара\n                </div>\n                <p class=\"service-work__name-text\">\n                  После проверки курьер привозит посылку к вам домой или в офис в течение 3-х дней. За доставкой можно следить в личном кабинете\n                </p>\n              </div>\n            </li>\n          </ul>\n\n          <video\n            class=\"service-work__video\"\n            controls=\"\"\n            muted=\"\"\n            poster=\"https://static.oskelly.ru/images/video-poster/video_home_2_poster.jpg\"\n            preload=\"none\"\n          >\n            <source\n              src=\"https://static.oskelly.ru/video/video_home_2.mp4\"\n              type=\"video/mp4\"\n            >\n          </video>\n        </div>\n\n        <div\n          v-if=\"isSellers\"\n          class=\"service-work__block\"\n        >\n          <ul class=\"service-work__list\">\n            <li class=\"service-work__item\">\n              <div class=\"service-work__icon\">\n                <ProductPlacementSVG class=\"service-work__icon-svg\" />\n                <span class=\"service-work__count\">1</span>\n              </div>\n\n              <div>\n                <div class=\"service-work__name\">\n                  Размещение товара\n                </div>\n                <p class=\"service-work__name-text\">\n                  Выставить товар на продажу можно на сайте или в нашем приложении для iOS или Android в 2 клика\n                </p>\n              </div>\n            </li>\n\n            <li class=\"service-work__item\">\n              <div class=\"service-work__icon\">\n                <Authentication2SVG class=\"service-work__icon-svg\" />\n                <span class=\"service-work__count\">2</span>\n              </div>\n\n              <div>\n                <div class=\"service-work__name\">\n                  Проверка подлинности\n                </div>\n                <p class=\"service-work__name-text\">\n                  После того как покупатель внес оплату, мы забираем у вас товар. Наш эксперт проверяет его состояние и подлинность. После проверки мы отправляем товар покупателю\n                </p>\n              </div>\n            </li>\n\n            <li class=\"service-work__item\">\n              <div class=\"service-work__icon\">\n                <MoneyTransferSVG class=\"service-work__icon-svg\" />\n                <span class=\"service-work__count\">3</span>\n              </div>\n\n              <div>\n                <div class=\"service-work__name\">\n                  Перевод денег\n                </div>\n                <p class=\"service-work__name-text\">\n                  После получения товара покупателем мы переводим его оплату на вашу карту\n                </p>\n              </div>\n            </li>\n          </ul>\n\n          <video\n            class=\"service-work__video\"\n            controls=\"\"\n            muted=\"\"\n            preload=\"none\"\n          >\n            <source\n              src=\"https://static.oskelly.ru/video/video_home_1.mp4\"\n              type=\"video/mp4\"\n            >\n          </video>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport ChoicePaymentSVG from '~/assets/img/home/choice-payment.svg?component';\nimport AuthenticationSVG from '~/assets/img/home/authentication.svg?component';\nimport SendingGoodsSVG from '~/assets/img/home/sending-goods.svg?component';\nimport ProductPlacementSVG from '~/assets/img/home/product-placement.svg?component';\nimport Authentication2SVG from '~/assets/img/home/authentication2.svg?component';\nimport MoneyTransferSVG from '~/assets/img/home/money-transfer.svg?component';\n\nenum InfoBlock {\n  Buyers = 'buyers',\n  Sellers = 'sellers'\n}\n\nconst props = defineProps<{\n  noBorder?: boolean\n}>();\n\nconst activeBlock = ref(InfoBlock.Buyers);\n\nconst isBuyers = computed(() => activeBlock.value === InfoBlock.Buyers);\nconst isSellers = computed(() => activeBlock.value === InfoBlock.Sellers);\n\nfunction changeActiveBlock(value: InfoBlock) {\n  activeBlock.value = value;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.service-work {\n  border-bottom: 1px solid #eee;\n  padding: 44px 0;\n\n  &_no-border {\n    border-bottom: 0;\n  }\n\n  @media screen and (min-width: 767px) {\n    padding: 60px 0;\n  }\n\n  &__title {\n    text-align: center;\n    margin-bottom: 24px;\n\n    @media screen and (min-width: 767px) {\n      margin-bottom: 16px;\n    }\n  }\n\n  &__subtitle {\n    display: none;\n\n    @media screen and (min-width: 767px) {\n      display: block;\n      max-width: 480px;\n      margin: 0 auto;\n      color: #828282;\n      font-size: 14px;\n      text-align: center;\n      line-height: 22px;\n      margin-bottom: 32px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      max-width: 550px;\n    }\n  }\n\n  &__buttons {\n    display: flex;\n    justify-content: center;\n  }\n\n  &__button {\n    background: rgba(51,51,51,.05);\n    text-transform: uppercase;\n    text-align: center;\n    display: block;\n    color: #333;\n    transition: .3s;\n    font-size: 12px;\n    letter-spacing: 0;\n    font-weight: 600;\n    padding: 11px 0;\n    width: 50%;\n\n    &:hover {\n      background: rgba(51,51,51,.15);\n    }\n\n    &.active {\n      color: #fff;\n      background: #333;\n    }\n\n    @media screen and (min-width: 767px) {\n      font-size: 14px;\n      letter-spacing: .3px;\n      padding: 15px 0;\n      width: 250px;\n    }\n  }\n\n  &__blocks {\n    margin-top: 29px;\n\n    @media screen and (min-width: 767px) {\n      margin-top: 55px;\n    }\n  }\n\n  &__block {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n  }\n\n  &__video {\n    display: none;\n    width: 100%;\n    height: 100%;\n\n    @media screen and (min-width: 1024px) {\n      width: 55%;\n      max-height: 355px;\n      display: block;\n    }\n\n    @media screen and (min-width: 1250px) {\n      width: 630px;\n    }\n  }\n\n  &__list {\n    @media screen and (min-width: 767px) {\n      display: flex;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: 1024px) {\n      display: block;\n      width: 45%;\n      max-width: 100%;\n    }\n  }\n\n  &__item {\n    margin-bottom: 30px;\n    display: flex;\n\n    @media screen and (min-width: 767px) {\n      width: calc(33.33333% - 20px);\n      margin-bottom: 0;\n      display: block;\n    }\n\n    @media screen and (min-width: 1024px) {\n      display: flex;\n      margin-bottom: 50px;\n      width: 100%;\n    }\n  }\n\n  &__icon {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    position: relative;\n    background: #f2f2f2;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-right: 18px;\n\n    @media screen and (min-width: 767px) {\n      margin-bottom: 13px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      width: 72px;\n      height: 72px;\n      margin-bottom: 0;\n      margin-right: 32px;\n    }\n  }\n\n  &__icon-svg {\n    max-width: 46%;\n  }\n\n  &__count {\n    position: absolute;\n    display: block;\n    border-radius: 50%;\n    top: -2px;\n    right: -3px;\n    color: #fff;\n    background: #333;\n    text-align: center;\n    width: 16px;\n    height: 16px;\n    font-size: 10px;\n    line-height: 16px;\n\n    @media screen and (min-width: 1024px) {\n      width: 24px;\n      height: 24px;\n      font-size: 13px;\n      line-height: 24px;\n    }\n  }\n\n  &__name {\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 4px;\n\n    @media screen and (min-width: 1024px) {\n      font-size: 16px;\n    }\n\n    &-text {\n      font-size: 12px;\n      line-height: 18px;\n\n      @media screen and (min-width: 1024px) {\n        font-size: 14px;\n        line-height: 21px;\n        padding-right: 24px;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"community\">\n    <div class=\"ui-wrapper\">\n      <h2 class=\"section-title\">\n        Комьюнити\n      </h2>\n\n      <div class=\"community__content\">\n        <div class=\"community__left\">\n          <TransitionGroup\n            name=\"scroll-top\"\n            class=\"community__cards\"\n            tag=\"div\"\n            @leave=\"onLeave\"\n          >\n            <div\n              v-for=\"card in communityCards\"\n              :key=\"card.id\"\n              class=\"community__card\"\n            >\n              <div class=\"community__card-inner\">\n                <div\n                  class=\"community__card-avatar\"\n                  :class=\"card.info ? `community__card-avatar_${card.info}` : ''\"\n                >\n                  <img\n                    v-if=\"card.avatarUrl\"\n                    class=\"community__card-avatar-image\"\n                    :src=\"card.avatarUrl\"\n                    :alt=\"card.avatarUrl\"\n                  >\n                </div>\n\n                <div class=\"community__card-content\">\n                  <div\n                    v-if=\"card.title\"\n                    class=\"community__card-title\"\n                  >\n                    {{ card.title }}\n                  </div>\n\n                  <p\n                    v-if=\"card.text\"\n                    class=\"community__card-text\"\n                  >\n                    {{ card.text }}\n                  </p>\n                  <div\n                    v-if=\"card.comment\"\n                    class=\"community__card-comment\"\n                  >\n                    Напишите пож-та точные замеры сумки и прикрепите доп. фото\n                  </div>\n\n                  <div\n                    v-if=\"card.dateText\"\n                    class=\"community__card-date\"\n                  >\n                    {{ card.dateText }}\n                  </div>\n                </div>\n\n                <div\n                  v-if=\"card.productUrl\"\n                  class=\"community__card-product\"\n                >\n                  <span>\n                    <div class=\"community__card-product_hover\">\n                      <span>+{{ card.productCount || 0 }}</span>\n                    </div>\n\n                    <img\n                      class=\"community__card-product-image\"\n                      :src=\"card.productUrl\"\n                      :alt=\"card.productUrl\"\n                    >\n                  </span>\n                </div>\n\n                <div\n                  v-if=\"card.button\"\n                  class=\"community__card-button\"\n                >\n                  {{ card.button }}\n                </div>\n              </div>\n            </div>\n          </TransitionGroup>\n        </div>\n\n        <div class=\"community__right\">\n          <div class=\"community__right-text-block\">\n            <p class=\"community__right-text\">\n              В Oskelly мы создаем сообщество людей, которым нравится хорошо одеваться и зарабатывать на своем стиле.\n            </p>\n            <p class=\"community__right-text\">\n              <strong>Это как социальная сеть.</strong>\n              Вы добавляете вещи в вишлист, подписываетесь на бутики и частных продавцов.\n              Вам приходят уведомления о новых поступлениях, вы общаетесь, ставите лайки, предлагаете свою цену за товар и экономите еще больше.\n            </p>\n            <p class=\"community__right-text\">\n              <strong>Зарегистрируйтесь через социальную сеть в один клик.</strong>\n              Станьте частью нашего сообщества уже сейчас.\n            </p>\n          </div>\n\n          <div class=\"community__right-link-block\">\n            <a\n              v-if=\"!isAuth\"\n              class=\"community__right-link\"\n              href=\"/login\"\n              @click.prevent=\"handleClick\"\n            >Создайте аккаунт через E-Mail</a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\ntype TCard = {\n  id: number\n  avatarUrl?: string\n  info?: string\n  title?: string\n  text?: string\n  dateText?: string\n  productUrl?: string\n  productCount?: string\n  button?: string\n  comment?: string\n}\n\nlet interval: number;\n\nconst { isAuth, openAuthDialog } = useAccountStore();\n\nconst currentCard = ref<TCard | null>(null);\nconst communityCards = ref<TCard[]>([\n  {\n    id: 1,\n    avatarUrl: '//static.oskelly.ru/images/icons/mask_user_1.jpg',\n    info: 'like',\n    title: 'Olya K',\n    text: 'добавила вашу вещь в вишлист',\n    dateText: '1 ч назад',\n    productUrl: '//static.oskelly.ru/images/icons/mask_img_2.png',\n    productCount: '4',\n  },\n  {\n    id: 2,\n    avatarUrl: '//static.oskelly.ru/images/icons/mask_user_2.jpg',\n    info: 'friend',\n    title: 'vadulya',\n    text: 'подписался на вас',\n    dateText: 'Вчера в 18:45',\n    button: 'Подписаться',\n  },\n  {\n    id: 3,\n    title: 'Подтвердите реквизиты',\n    text: 'Заказ №75737262 доставлен покупателю. Подтвердите реквизиты для оплаты',\n    dateText: '3 ч назад',\n    productUrl: '//static.oskelly.ru/images/icons/mask_img_1.png',\n    productCount: '4',\n  },\n  {\n    id: 4,\n    title: 'С днем рождения!',\n    text: 'Дарим вам промокод 1 000 ₽ на следующую покупку!',\n    dateText: 'Вчера в 11:30',\n  },\n  {\n    id: 5,\n    avatarUrl: '//static.oskelly.ru/images/icons/mask_user_1.jpg',\n    info: 'comment',\n    text: 'Поздравляю! Вам присвоен статус доверия.',\n    dateText: '3 ч назад',\n  },\n  {\n    id: 6,\n    title: 'ivandansky',\n    text: 'снизил цену на товар, на который вы подписались',\n    dateText: '3 ч назад',\n    productUrl: '//static.oskelly.ru/images/icons/mask_img_3.png',\n    productCount: '4',\n  },\n  {\n    id: 7,\n    title: 'Подтвердите реквизиты',\n    text: 'Заказ №75737262 доставлен покупателю. Подтвердите реквизиты для оплаты',\n    dateText: '3 ч назад',\n    productUrl: '//static.oskelly.ru/images/icons/mask_img_2.png',\n    productCount: '4',\n  },\n  {\n    id: 8,\n    title: 'С днем рождения!',\n    text: 'Дарим вам промокод 1 000 ₽ на следующую покупку!',\n    dateText: 'Вчера в 11:30',\n  },\n  {\n    id: 9,\n    avatarUrl: '//static.oskelly.ru/images/icons/mask_user_1.jpg',\n    info: 'comment',\n    title: 'Olya K',\n    text: 'прокомментировала ваш товар',\n    comment: 'Напишите пож-та точные замеры сумки и прикрепите доп. фото',\n    dateText: '3 ч назад',\n    productUrl: '//static.oskelly.ru/images/icons/mask_img_2.png',\n    productCount: '4',\n  },\n]);\n\nfunction handleClick() {\n  if (!isAuth.value) {\n    openAuthDialog();\n  }\n}\n\nfunction onLeave(el: HTMLElement, done: () => void) {\n  el.style.transform = `translateY(-${el.clientHeight}px)`;\n\n  setTimeout(() => {\n    if (currentCard.value) {\n      communityCards.value.push(currentCard.value);\n    }\n\n    done();\n  }, 500);\n}\n\nonMounted(() => {\n  interval = window.setInterval(() => {\n    const card = communityCards.value.shift();\n\n    if (card) currentCard.value = card;\n  }, 3000);\n});\n\nonUnmounted(() => {\n  window.clearInterval(interval);\n});\n</script>\n\n<style scoped lang=\"scss\">\n.scroll-top-move,\n.scroll-top-enter-active,\n.scroll-top-leave-active {\n  transition: all 0.5s ease-out;\n}\n\n.scroll-top-leave-active {\n  position: absolute;\n}\n\n.community {\n  padding: 33px 0;\n  background: #fafafa;\n\n  @media screen and (min-width: 767px) {\n    padding: 54px 0 28px;\n  }\n\n  @media screen and (min-width: 1024px) {\n    padding: 73px 0 60px;\n  }\n\n  .section-title {\n    margin-bottom: 20px;\n\n    @media screen and (min-width: 767px) {\n      text-align: center;\n      margin-bottom: 45px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      margin-bottom: 60px;\n    }\n  }\n\n  &__content {\n    @media screen and (min-width: 767px) {\n      display: flex;\n      max-width: 1144px;\n      margin: 0 auto;\n    }\n  }\n\n  &__left {\n    margin-bottom: 16px;\n\n    &:deep(.community__cards) {\n      position: relative;\n      overflow: hidden;\n      height: 400px;\n      width: 100%;\n    }\n\n    @media screen and (min-width: 767px) {\n      width: 300px;\n      margin-bottom: 0;\n      flex-shrink: 0;\n    }\n\n    @media screen and (min-width: 1024px) {\n      width: 400px;\n    }\n  }\n\n  &__card {\n    width: 100%;\n    padding-bottom: 10px;\n\n    &:last-child {\n      padding-bottom: 0;\n    }\n\n    @media screen and (min-width: 767px) {\n      padding-bottom: 24px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      padding-bottom: 32px;\n    }\n\n    &-inner {\n      width: 100%;\n      background: #fff;\n      padding: 16px 5px 14px;\n      display: flex;\n      align-items: flex-start;\n\n      @media screen and (min-width: 1024px) {\n        padding: 18px 16px 16px;\n      }\n    }\n\n    &-avatar {\n      flex-shrink: 0;\n      width: 38px;\n      height: 38px;\n      position: relative;\n      border-radius: 50%;\n      background: url('//static.oskelly.ru/images/icons/left_img_user_bg.svg') center center no-repeat #e8e8e8;\n\n      &:before {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        right: 0px;\n        width: 12px;\n        height: 12px;\n        background-position: center center;\n        background-repeat: no-repeat;\n        background-size: 100%;\n\n        @media screen and (min-width: 1024px) {\n          right: -3px;\n          width: 18px;\n          height: 18px;\n        }\n      }\n\n      &_comment:before {\n        background-image: url('//static.oskelly.ru/images/icons/ic_alert_comment_home.svg');\n      }\n\n      &_friend:before {\n        background-image: url('//static.oskelly.ru/images/icons/ic_alert_friend_home.svg');\n      }\n\n      &_like:before {\n        background-image: url('https://static.oskelly.ru/images/icons/ic_alert_like _home.svg');\n      }\n\n      @media screen and (min-width: 1024px) {\n        width: 47px;\n        height: 47px;\n      }\n    }\n\n    &-avatar-image {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n\n    &-content {\n      padding: 4px 8px;\n\n      @media screen and (min-width: 1024px) {\n        padding: 5px 14px;\n      }\n    }\n\n    &-title {\n      font-size: 13px;\n      line-height: 16px;\n      font-weight: 700;\n      color: #333;\n      margin-bottom: 2px;\n    }\n\n    &-text {\n      font-size: 13px;\n      line-height: 16px;\n      color: #333;\n      margin-bottom: 4px;\n    }\n\n    &-comment {\n      font-size: 11px;\n      line-height: 14px;\n      margin-bottom: 4px;\n      margin-top: 8px;\n      color: #828282;\n      padding: 8px;\n      background: #f2f2f2;\n    }\n\n    &-date {\n      color: #828282;\n      font-size: 12px;\n      line-height: 15px;\n    }\n\n    &-product {\n      flex-shrink: 0;\n      width: 33px;\n      height: 33px;\n      position: relative;\n      overflow: hidden;\n      border-radius: 2px;\n      font-size: 14px;\n      color: #333;\n      margin-left: auto;\n\n      &:hover {\n        .community__card-product_hover {\n          opacity: 1;\n        }\n      }\n\n      @media screen and (min-width: 1024px) {\n        width: 44px;\n        height: 44px;\n      }\n    }\n\n    &-product_hover {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0,0,0,.4);\n      opacity: 0;\n      transition: .3s;\n      color: #fff;\n      font-size: 11px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: default;\n    }\n\n    &-product-image {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n\n    &-button {\n      transition: .3s;\n      color: #fff;\n      background: #000;\n      text-align: center;\n      border-radius: 2px;\n      padding: 8px 16px;\n      font-size: 12px;\n      line-height: 15px;\n      font-weight: 600;\n      margin-left: auto;\n      margin-top: 12px;\n\n      &:hover {\n        background: #505050;\n      }\n    }\n  }\n\n  &__right {\n    @media screen and (min-width: 767px) {\n      padding: 26px 0 0 46px;\n    }\n\n    @media screen and (min-width: 1024px) {\n      padding: 68px 50px 0;\n      max-width: 747px;\n    }\n\n    @media screen and (min-width: 1200px) {\n      padding: 68px 100px 0 112px;\n    }\n  }\n\n  &__right-text {\n    font-size: 14px;\n    line-height: 22px;\n    margin-bottom: 10px;\n\n    @media screen and (min-width: 1024px) {\n      font-size: 16px;\n    }\n  }\n\n  &__right-link-block {\n    text-align: center;\n    margin-top: 18px;\n\n    @media screen and (min-width: 1024px) {\n      text-align: left;\n    }\n  }\n\n  &__right-link {\n    font-size: 14px;\n    line-height: 17px;\n    color: #828282;\n    text-decoration: underline;\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"four-blocks\">\n    <div class=\"osk-wrapper\">\n      <div class=\"four-blocks__content\">\n        <div\n          v-for=\"(card, index) in cards\"\n          :key=\"index\"\n          class=\"four-blocks__card\"\n        >\n          <UIIcon\n            :name=\"card.image\"\n            class=\"four-blocks__image\"\n          />\n\n          <div class=\"four-blocks__block\">\n            <div class=\"four-blocks__title\">\n              {{ card.title }}\n            </div>\n            <p class=\"four-blocks__text\">\n              {{ card.text }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport UIIcon from '~/components/ui/UIIcon.vue';\n\nconst cards = [\n  {\n    image: 'cloth',\n    title: 'Новая и почти новая одежда',\n    text: 'Бутики продают на Oskelly новую одежду со скидками до 90%. Частные продавцы размещают новую одежду с бирками и почти новую одежду в отличном состоянии',\n  },\n  {\n    image: 'guarantee',\n    title: 'Гарантия подлинности',\n    text: 'Эксперты Oskelly проверяют состояние и подлинность товар перед отправкой. После проверки мы предоставляем ко всем товарам сертификат подлинности и качества',\n  },\n  {\n    image: 'safe-deal2',\n    title: 'Безопасная сделка',\n    text: 'После оплаты товара мы замораживаем деньги на счету покупателя. Деньги списываются со счета покупателя после успешного прохождения экспертизы товара или истечения срока заморозки. Деньги отправляются продавцу только после получения товара покупателем.',\n  },\n  {\n    image: 'delivery',\n    title: 'Доставка от двери до двери',\n    text: 'Мы сами забираем товар у продавца, проверяем его в офисе и отправляем покупателю в фирменной упаковке. Курьер доставляет посылку в любую точку России за 3 дня',\n  },\n];\n</script>\n\n<style scoped lang=\"scss\">\n.four-blocks {\n  padding: 32px 0 34px;\n  background: #fafafa;\n\n  @media screen and (min-width: 1024px) {\n    padding: 108px 0 51px;\n  }\n\n  &__content {\n    @media screen and (min-width: 767px) {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      margin-bottom: -25px;\n    }\n  }\n\n  &__card {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    & + & {\n      margin-top: 24px;\n    }\n\n    @media screen and (min-width: 767px) {\n      display: block;\n      width: 50%;\n      padding-right: 20px;\n      margin-bottom: 45px;\n\n      & + & {\n        margin-top: 0;\n      }\n    }\n\n    @media screen and (min-width: 1024px) {\n      width: 25%;\n    }\n  }\n\n  &__image {\n    width: 36px;\n    margin-right: 12px;\n    flex-shrink: 0;\n    margin-top: 4px;\n\n    @media screen and (min-width: 767px) {\n      height: 40px;\n      width: auto;\n      margin-top: 0;\n      margin-bottom: 16px;\n    }\n  }\n\n  &__title {\n    font-size: 14px;\n    line-height: 17px;\n    font-weight: 600;\n    color: #333;\n    margin-bottom: 8px;\n\n    @media screen and (min-width: 767px) {\n      font-size: 17px;\n      line-height: 20px;\n      margin-bottom: 12px;\n    }\n  }\n\n  &__text {\n    font-size: 12px;\n    line-height: 18px;\n    color: #828282;\n\n    @media screen and (min-width: 767px) {\n      font-size: 13px;\n      padding-right: 20px;\n    }\n  }\n}\n</style>\n","<template>\n  <section class=\"about-media\">\n    <div class=\"osk-wrapper\">\n      <h2 class=\"section-title\">\n        О нас пишут в МЕДИА\n      </h2>\n\n      <div class=\"about-media__subtitle\">\n        Мы в Oskelly меняем культуру потребления в России и создаем комьюнити для людей с хорошим вкусом\n      </div>\n\n      <div class=\"about-media__content\">\n        <a\n          v-for=\"(card, index) in cards\"\n          :key=\"index\"\n          class=\"about-media__card\"\n          :href=\"card.href\"\n          target=\"_blank\"\n        >\n          <div class=\"about-media__logo-block\">\n            <img\n              class=\"about-media__logo\"\n              :class=\"card.alt\"\n              :src=\"card.imageSrc\"\n              :alt=\"card.alt\"\n            >\n          </div>\n\n          <div class=\"about-media__text\">{{ card.text }}</div>\n          <div class=\"about-media__date\">{{ card.dateText }}</div>\n        </a>\n      </div>\n\n      <div class=\"about-media__footer\">\n        <a\n          class=\"about-media__link\"\n          href=\"/info/press\"\n        >\n          Посмотреть все статьи\n        </a>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nconst cards = [\n  {\n    href: 'https://www.cosmo.ru/fashion/how_to/vazhnyy-vopros-na-chto-obratit-vnimanie-pri-pokupke-b-u-veshchi/',\n    imageSrc: '//static.oskelly.ru/images/icons/logo-cosmopolitan.png',\n    alt: 'cosmopolitan',\n    text: 'Важный вопрос: на что обратить внимание при покупке б/у вещи',\n    dateText: 'Июль 2019',\n  },\n  {\n    href: 'https://vc.ru/trade/66518-startap-dnya-rossiyskiy-marketpleys-poderzhannoy-brendovoy-odezhdy-oskelly',\n    imageSrc: '//static.oskelly.ru/images/icons/vcru.png',\n    alt: 'vcru',\n    text: 'Стартап дня: российский маркетплейс подержанной брендовой одежды Oskelly',\n    dateText: 'Май 2019',\n  },\n  {\n    href: 'http://www.sncmedia.ru/fashion/lyuksovye-veshchi-kak-investitsii-vo-chto-vkladyvat/?fbclid=IwAR3h4L_e2LyY2A8rFuE0ARxZXNP_T-Y6q4F0H-k06gQjXEN00pJemlifO40',\n    imageSrc: '//static.oskelly.ru/images/icons/logo_snc.svg',\n    alt: 'snc',\n    text: 'Люксовые вещи как инвестиции: во что вкладывать?',\n    dateText: 'Май 2019',\n  },\n  {\n    href: 'https://kp.vedomosti.ru/deluxe/article/2019/03/28/797663-poddelki-i-modnie-doma-vred-i-polza',\n    imageSrc: '//static.oskelly.ru/images/icons/Vedomosti_logo.png',\n    alt: 'vedomosti',\n    text: 'Как отличить подделку от оригинала: советы эскпертов',\n    dateText: 'Апрель 2019',\n  },\n];\n</script>\n\n<style scoped lang=\"scss\">\n.about-media {\n  background: #fafafa;\n  padding: 52px 0 30px;\n\n  @media screen and (min-width: 767px) {\n    padding: 104px 0 79px;\n  }\n\n  .section-title {\n    text-align: center;\n  }\n\n  &__subtitle {\n    display: none;\n\n    @media screen and (min-width: 767px) {\n      display: block;\n      text-align: center;\n      max-width: 520px;\n      margin: 16px auto 0;\n      color: #828282;\n      font-size: 14px;\n      line-height: 22px;\n    }\n  }\n\n  &__content {\n    margin-top: 35px;\n\n    @media screen and (min-width: 767px) {\n      display: flex;\n      justify-content: space-between;\n      margin-left: -8px;\n      margin-right: -8px;\n      margin-top: 52px;\n    }\n\n    @media screen and (min-width: 767px) {\n      margin-left: -12px;\n      margin-right: -12px;\n    }\n  }\n\n  &__card {\n    padding: 20px 24px 12px 14px;\n    display: block;\n    box-shadow: 0 0 8px 0 rgb(0 0 0 / 3%);\n    border-radius: 2px;\n    background: #fff;\n\n    & + & {\n      margin-top: 12px;\n    }\n\n    @media screen and (min-width: 767px) {\n      width: 33.333%;\n      margin: 0 8px;\n      transition: .3s;\n\n      & + & {\n        margin-top: 0;\n      }\n\n      &:last-child {\n        display: none;\n      }\n    }\n\n    @media screen and (min-width: 1024px) {\n      width: 25%;\n      margin: 0 12px;\n\n      &:last-child {\n        display: block;\n      }\n\n      &:hover {\n        transform: translateY(-10px);\n      }\n    }\n  }\n\n  &__logo-block {\n    height: 30px;\n    margin-bottom: 24px;\n  }\n\n  &__logo {\n    display: block;\n    max-height: 100%;\n\n    &.cosmopolitan {\n      width: 115px;\n    }\n\n    &.vcru {\n      width: 102px;\n    }\n\n    &.snc {\n      width: 66px;\n    }\n\n    &.vedomosti {\n      width: 135px;\n    }\n  }\n\n  &__text {\n    font-size: 13px;\n    line-height: 20px;\n    font-weight: 600;\n    margin-bottom: 4px;\n  }\n\n  &__date {\n    color: #828282;\n    font-size: 13px;\n  }\n\n  &__footer {\n    display: flex;\n    justify-content: center;\n  }\n\n  &__link {\n    display: block;\n    height: 46px;\n    color: #141414;\n    text-align: center;\n    line-height: 44px;\n    transition: .3s;\n    border: 1px solid #141414;\n    border-radius: 2px;\n    font-size: 14px;\n    margin-top: 20px;\n    width: 100%;\n\n    &:hover {\n      opacity: .5;\n    }\n\n    @media screen and (min-width: 767px) {\n      display: inline-block;\n      width: 294px;\n      margin-top: 40px;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"info-page\">\n    <section class=\"info-page-section\">\n      <div class=\"ui-wrapper\">\n        <h2 class=\"section-title info-page-section__title\">\n          О проекте\n        </h2>\n\n        <div class=\"info-page-section__subtitle\">\n          Первый сервис для покупки и перепродажи брендовых вещей в России\n        </div>\n      </div>\n    </section>\n\n    <HomeOldBuy />\n    <HomeOldExamination />\n    <HomeOldStartSelling />\n    <HomeOldServiceWork />\n    <HomeOldCommunity />\n    <HomeOldFourBlocks />\n    <HomeOldAboutMedia />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nuseHead({\n  title: 'О проекте – Интернет-магазин Oskelly',\n  meta: [\n    {\n      name: 'description',\n      content: 'О проекте – Интернет-магазин Oskelly',\n    },\n  ],\n  script: [\n    {\n      type: 'application/ld+json',\n      children: `{\n        \"@context\": \"http://www.schema.org\",\n        \"@type\": \"LocalBusiness\",\n        \"name\": \"Oskelly Group\",\n        \"url\": \"https://oskelly.ru/\",\n        \"logo\": \"https://static.oskelly.ru/images/icons/insta_logo.png?v=2.1.2_c0753d93593d6441d0dd4f9eaecf0d8f\",\n        \"image\": \"https://static.oskelly.ru/images/icons/insta_img_1.jpg?v=2.1.2_0a83dbe2155b3a0373b2dc3eb9a5a5ba\",\n        \"description\": \"Первый сервис для покупки и перепродажи брендовых вещей в России. Бутики и частные продавцы размещают у нас новую и почти новую брендовую одежду со скидками до -90%.\\n\\nКаждый день мы добавляем 100+ новых товаров, а наши эксперты собирают лучшие из них в специальные подборки.\",\n        \"address\": {\n          \"@type\": \"PostalAddress\",\n          \"streetAddress\": \"Варшавское шоссе, 9с28\",\n          \"postOfficeBoxNumber\": \"info@oskelly.ru\",\n          \"addressLocality\": \"Москва\",\n          \"addressRegion\": \"Москва\",\n          \"postalCode\": \"117105\",\n          \"addressCountry\": \"Россия\"\n        },\n        \"geo\": {\n          \"@type\": \"GeoCoordinates\",\n          \"latitude\": \"55.737054\",\n          \"longitude\": \"37.563080\"\n        },\n        \"hasMap\": \"https://goo.gl/maps/x94wA7cnGmzmkt4v9\",\n        \"openingHours\": \"Mo, Tu, We, Th, Fr, Sa, Su -\",\n        \"contactPoint\": {\n          \"@type\": \"ContactPoint\",\n          \"telephone\": \"8 (800) 707-53-08\",\n          \"contactType\": \"shop\"\n        }\n      }`,\n    },\n  ],\n});\n</script>\n\n<style scoped lang=\"scss\">\n.info-page-section {\n  padding-top: 55px;\n  padding-bottom: 50px;\n\n  @media screen and (min-width: 767px) {\n    padding-top: 24px;\n    padding-bottom: 70px;\n  }\n\n  &__title {\n    text-align: center;\n    margin-bottom: 12px;\n\n    @media screen and (min-width: 767px) {\n      margin-bottom: 16px;\n    }\n  }\n\n  &__subtitle {\n    display: block;\n    max-width: 560px;\n    margin: 0 auto;\n    color: #828282;\n    text-align: center;\n    font-size: 12px;\n    line-height: 18px;\n\n    @media screen and (min-width: 767px) {\n      font-size: 14px;\n      line-height: 22px;\n    }\n  }\n}\n</style>\n"],"names":["_hoisted_1","_hoisted_3","_cache","isAuth","openAuthDialog","useAccountStore","component","computed","defineNuxtLink","handleClick","navigateTo","_hoisted_2","_createElementVNode","_hoisted_4","render","_ctx","_openBlock","_createElementBlock","ChoicePaymentSVG","AuthenticationSVG","SendingGoodsSVG","_hoisted_5","ProductPlacementSVG","Authentication2SVG","MoneyTransferSVG","activeBlock","ref","isBuyers","isSellers","changeActiveBlock","value","interval","currentCard","communityCards","onLeave","el","done","onMounted","card","onUnmounted","cards","useHead"],"mappings":"smBAAAA,EAAA,CAAA,MAAA,SAAA,+7BAyCUC,EAAA,iBACEC,EAAA,8FC1CZF,EAAA,CAAA,MAAA,iBAAA,6yBA0BUC,GAAA,kBACEC,EAAA,6uCC0BZ,KAAM,CAAE,OAAAC,EAAQ,eAAAC,CAAe,EAAIC,EAAgB,EAE7CC,EAAYC,EAAS,IACrBJ,EAAO,MAAcK,EAAe,CAAA,CAAE,EACnC,MACR,EAED,SAASC,GAAc,CACjB,GAAA,CAACN,EAAO,MAAO,CACjBC,EAAe,IAAM,cAAc,EACnC,MACF,CAEAM,EAAW,cAAc,CAC3B,qSCjEMV,GAAa,CACjB,MAAO,6BACP,KAAM,OACN,QAAS,WACX,EACMW,GAA0BC,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,qPACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLX,GAA0BW,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,6FACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLC,GAAa,CACjBF,GACAV,EACF,EAEO,SAASa,GAAOC,EAAMb,EAAQ,CACnC,OAAQc,EAAY,EAAEC,EAAoB,MAAOjB,GAAY,CAAC,GAAGa,EAAU,CAAC,CAC9E,CACA,MAAeK,GAAA,CAAE,OAAQJ,EAAM,ECzBzBd,GAAa,CACjB,MAAO,6BACP,KAAM,OACN,QAAS,WACX,EACMW,GAA0BC,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,8QACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLX,GAA0BW,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,8OACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLC,GAAa,CACjBF,GACAV,EACF,EAEO,SAASa,GAAOC,EAAMb,EAAQ,CACnC,OAAQc,EAAY,EAAEC,EAAoB,MAAOjB,GAAY,CAAC,GAAGa,EAAU,CAAC,CAC9E,CACA,MAAeM,GAAA,CAAE,OAAQL,EAAM,ECzBzBd,GAAa,CACjB,MAAO,6BACP,KAAM,OACN,QAAS,WACX,EACMW,GAA0BC,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,kWACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLX,GAA0BW,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,kdACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLC,GAAa,CACjBF,GACAV,EACF,EAEO,SAASa,GAAOC,EAAMb,EAAQ,CACnC,OAAQc,EAAY,EAAEC,EAAoB,MAAOjB,GAAY,CAAC,GAAGa,EAAU,CAAC,CAC9E,CACA,MAAeO,GAAA,CAAE,OAAQN,EAAM,ECzBzBd,GAAa,CACjB,MAAO,6BACP,KAAM,OACN,QAAS,WACX,EACMW,GAA0BC,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,4JACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLX,GAA0BW,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,qGACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLC,GAA0BD,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,2GACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLS,GAAa,CACjBV,GACAV,GACAY,EACF,EAEO,SAASC,GAAOC,EAAMb,EAAQ,CACnC,OAAQc,EAAY,EAAEC,EAAoB,MAAOjB,GAAY,CAAC,GAAGqB,EAAU,CAAC,CAC9E,CACA,MAAeC,GAAA,CAAE,OAAQR,EAAM,EChCzBd,GAAa,CACjB,MAAO,6BACP,KAAM,OACN,QAAS,WACX,EACMW,GAA0BC,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,kKACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLX,GAA0BW,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,mLACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLC,GAAa,CACjBF,GACAV,EACF,EAEO,SAASa,GAAOC,EAAMb,EAAQ,CACnC,OAAQc,EAAY,EAAEC,EAAoB,MAAOjB,GAAY,CAAC,GAAGa,EAAU,CAAC,CAC9E,CACA,MAAeU,GAAA,CAAE,OAAQT,EAAM,ECzBzBd,GAAa,CACjB,MAAO,6BACP,KAAM,OACN,QAAS,WACX,EACMW,GAA0BC,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,4QACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLX,GAA0BW,EAAoB,OAAQ,CAC1D,KAAM,OACN,YAAa,UACb,EAAG,oOACH,YAAa,SACf,EAAG,KAAM,EAAE,EACLC,GAAa,CACjBF,GACAV,EACF,EAEO,SAASa,GAAOC,EAAMb,EAAQ,CACnC,OAAQc,EAAY,EAAEC,EAAoB,MAAOjB,GAAY,CAAC,GAAGa,EAAU,CAAC,CAC9E,CACA,MAAeW,GAAA,CAAE,OAAQV,EAAM,wvGCuKzB,MAAAW,EAAcC,EAAI,UAElBC,EAAWpB,EAAS,IAAMkB,EAAY,QAAU,QAAgB,EAChEG,EAAYrB,EAAS,IAAMkB,EAAY,QAAU,SAAiB,EAExE,SAASI,EAAkBC,EAAkB,CAC3CL,EAAY,MAAQK,CACtB,s2ECnEI,IAAAC,EAEJ,KAAM,CAAE,OAAA5B,EAAQ,eAAAC,CAAe,EAAIC,EAAgB,EAE7C2B,EAAcN,EAAkB,IAAI,EACpCO,EAAiBP,EAAa,CAClC,CACE,GAAI,EACJ,UAAW,mDACX,KAAM,OACN,MAAO,SACP,KAAM,+BACN,SAAU,YACV,WAAY,kDACZ,aAAc,GAChB,EACA,CACE,GAAI,EACJ,UAAW,mDACX,KAAM,SACN,MAAO,UACP,KAAM,oBACN,SAAU,gBACV,OAAQ,aACV,EACA,CACE,GAAI,EACJ,MAAO,wBACP,KAAM,yEACN,SAAU,YACV,WAAY,kDACZ,aAAc,GAChB,EACA,CACE,GAAI,EACJ,MAAO,mBACP,KAAM,mDACN,SAAU,eACZ,EACA,CACE,GAAI,EACJ,UAAW,mDACX,KAAM,UACN,KAAM,2CACN,SAAU,WACZ,EACA,CACE,GAAI,EACJ,MAAO,aACP,KAAM,kDACN,SAAU,YACV,WAAY,kDACZ,aAAc,GAChB,EACA,CACE,GAAI,EACJ,MAAO,wBACP,KAAM,yEACN,SAAU,YACV,WAAY,kDACZ,aAAc,GAChB,EACA,CACE,GAAI,EACJ,MAAO,mBACP,KAAM,mDACN,SAAU,eACZ,EACA,CACE,GAAI,EACJ,UAAW,mDACX,KAAM,UACN,MAAO,SACP,KAAM,8BACN,QAAS,6DACT,SAAU,YACV,WAAY,kDACZ,aAAc,GAChB,CAAA,CACD,EAED,SAASjB,GAAc,CAChBN,EAAO,OACKC,GAEnB,CAES,SAAA8B,EAAQC,EAAiBC,EAAkB,CAClDD,EAAG,MAAM,UAAY,eAAeA,EAAG,YAAY,MAEnD,WAAW,IAAM,CACXH,EAAY,OACCC,EAAA,MAAM,KAAKD,EAAY,KAAK,EAGxCI,KACJ,GAAG,CACR,CAEA,OAAAC,EAAU,IAAM,CACHN,EAAA,OAAO,YAAY,IAAM,CAC5B,MAAAO,EAAOL,EAAe,MAAM,MAAM,EAEpCK,IAAMN,EAAY,MAAQM,IAC7B,GAAI,CAAA,CACR,EAEDC,EAAY,IAAM,CAChB,OAAO,cAAcR,CAAQ,CAAA,CAC9B,05CCpND,MAAMS,EAAQ,CACZ,CACE,MAAO,QACP,MAAO,6BACP,KAAM,wJACR,EACA,CACE,MAAO,YACP,MAAO,uBACP,KAAM,6JACR,EACA,CACE,MAAO,aACP,MAAO,oBACP,KAAM,6PACR,EACA,CACE,MAAO,WACP,MAAO,6BACP,KAAM,gKACR,CAAA,87BCLF,MAAMA,EAAQ,CACZ,CACE,KAAM,uGACN,SAAU,yDACV,IAAK,eACL,KAAM,+DACN,SAAU,WACZ,EACA,CACE,KAAM,uGACN,SAAU,4CACV,IAAK,OACL,KAAM,2EACN,SAAU,UACZ,EACA,CACE,KAAM,2JACN,SAAU,gDACV,IAAK,MACL,KAAM,mDACN,SAAU,UACZ,EACA,CACE,KAAM,+FACN,SAAU,sDACV,IAAK,YACL,KAAM,uDACN,SAAU,aACZ,CAAA,6uBCjDM,OAAAC,EAAA,CACN,MAAO,uCACP,KAAM,CACJ,CACE,KAAM,cACN,QAAS,sCACX,CACF,EACA,OAAQ,CACN,CACE,KAAM,sBACN,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QA8BZ,CACF,CAAA,CACD"}