{"version":3,"file":"about.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          {{ $t('components.home.old.buy.title') }}\n        </h2>\n\n        <p class=\"old-buy__text\">\n          {{ $t('components.home.old.buy.text1') }}\n        </p>\n\n        <p class=\"old-buy__text\">\n          {{ $t('components.home.old.buy.text2') }}\n        </p>\n\n        <a\n          class=\"old-buy__link\"\n          href=\"/info/buyer\"\n        >\n          {{ $t('common.moreDetails') }}\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=\"$t('components.home.old.buy.startSale')\"\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=\"$t('components.home.old.examination.startSale')\"\n        >\n      </div>\n\n      <div class=\"old-examination__content\">\n        <h2 class=\"section-title old-examination__title\">\n          {{ $t('components.home.old.examination.title') }}\n        </h2>\n\n        <p class=\"old-examination__text\">\n          {{ $t('components.home.old.examination.text1') }}\n        </p>\n\n        <p class=\"old-examination__text\">\n          {{ $t('components.home.old.examination.text2') }}\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        {{ $t('components.home.old.startSelling.title') }}\n      </h2>\n\n      <div class=\"start-selling__content\">\n        <p class=\"start-selling__text\">\n          {{ $t('components.home.old.startSelling.text') }}\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            {{ $t('components.home.old.startSelling.saleProduct') }}\n          </component>\n\n          <div class=\"start-selling__text-link\">\n            <a href=\"/info/seller\">{{ $t('components.home.old.startSelling.howItWorks') }}</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=\"$t('components.home.old.startSelling.startSale')\"\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({\n      to: () => '/publication',\n      chapter: 'sale_request',\n    });\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        {{ $t('components.home.old.serviceWork.title') }}\n      </h2>\n\n      <div class=\"service-work__subtitle\">\n        {{ $t('components.home.old.serviceWork.subtitle') }}\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        >{{ $t('components.home.old.serviceWork.forBuyer') }}</a>\n\n        <a\n          href=\"#\"\n          :class=\"{\n            'service-work__button': true,\n            active: isSellers\n          }\"\n          @click.prevent=\"changeActiveBlock(InfoBlock.Sellers)\"\n        >{{ $t('components.home.old.serviceWork.forSeller') }}</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                  {{ $t('components.home.old.serviceWork.block1.title') }}\n                </div>\n                <p class=\"service-work__name-text\">\n                  {{ $t('components.home.old.serviceWork.block1.text') }}\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                  {{ $t('components.home.old.serviceWork.block2.title') }}\n                </div>\n                <p class=\"service-work__name-text\">\n                  {{ $t('components.home.old.serviceWork.block2.text') }}\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                  {{ $t('components.home.old.serviceWork.block3.title') }}\n                </div>\n                <p class=\"service-work__name-text\">\n                  {{ $t('components.home.old.serviceWork.block3.text') }}\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                  {{ $t('components.home.old.serviceWork.block4.title') }}\n                </div>\n                <p class=\"service-work__name-text\">\n                  {{ $t('components.home.old.serviceWork.block4.text') }}\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                  {{ $t('components.home.old.serviceWork.block5.title') }}\n                </div>\n                <p class=\"service-work__name-text\">\n                  {{ $t('components.home.old.serviceWork.block5.text') }}\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                  {{ $t('components.home.old.serviceWork.block6.title') }}\n                </div>\n                <p class=\"service-work__name-text\">\n                  {{ $t('components.home.old.serviceWork.block6.text') }}\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        {{ $t('components.home.old.community.title') }}\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                    {{ card.comment }}\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              {{ $t('components.home.old.community.text1') }}\n            </p>\n            <p class=\"community__right-text\">\n              <strong>{{ $t('components.home.old.community.text2') }}</strong>\n              {{ $t('components.home.old.community.text3') }}\n            </p>\n            <p class=\"community__right-text\">\n              <strong>{{ $t('components.home.old.community.text4') }}</strong>\n              {{ $t('components.home.old.community.text5') }}\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=\"/\"\n              @click.prevent=\"handleClick\"\n            >{{ $t('components.home.old.community.createAccount') }}</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 { t } = useI18n();\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: t('components.home.old.community.communityCard1.title'),\n    text: t('components.home.old.community.communityCard1.text'),\n    dateText: t('components.home.old.community.communityCard1.dateText'),\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: t('components.home.old.community.communityCard2.title'),\n    text: t('components.home.old.community.communityCard2.text'),\n    dateText: t('components.home.old.community.communityCard2.dateText'),\n    button: t('components.home.old.community.communityCard2.button'),\n  },\n  {\n    id: 3,\n    title: t('components.home.old.community.communityCard3.title'),\n    text: t('components.home.old.community.communityCard3.text'),\n    dateText: t('components.home.old.community.communityCard3.dateText'),\n    productUrl: '//static.oskelly.ru/images/icons/mask_img_1.png',\n    productCount: '4',\n  },\n  {\n    id: 4,\n    title: t('components.home.old.community.communityCard4.title'),\n    text: t('components.home.old.community.communityCard4.text'),\n    dateText: t('components.home.old.community.communityCard4.dateText'),\n  },\n  {\n    id: 5,\n    avatarUrl: '//static.oskelly.ru/images/icons/mask_user_1.jpg',\n    info: 'comment',\n    text: t('components.home.old.community.communityCard5.text'),\n    dateText: t('components.home.old.community.communityCard5.dateText'),\n  },\n  {\n    id: 6,\n    title: 'ivandansky',\n    text: t('components.home.old.community.communityCard6.text'),\n    dateText: t('components.home.old.community.communityCard6.dateText'),\n    productUrl: '//static.oskelly.ru/images/icons/mask_img_3.png',\n    productCount: '4',\n  },\n  {\n    id: 7,\n    title: t('components.home.old.community.communityCard7.title'),\n    text: t('components.home.old.community.communityCard7.text'),\n    dateText: t('components.home.old.community.communityCard7.dateText'),\n    productUrl: '//static.oskelly.ru/images/icons/mask_img_2.png',\n    productCount: '4',\n  },\n  {\n    id: 8,\n    title: t('components.home.old.community.communityCard8.title'),\n    text: t('components.home.old.community.communityCard8.text'),\n    dateText: t('components.home.old.community.communityCard8.dateText'),\n  },\n  {\n    id: 9,\n    avatarUrl: '//static.oskelly.ru/images/icons/mask_user_1.jpg',\n    info: 'comment',\n    title: t('components.home.old.community.communityCard9.title'),\n    text: t('components.home.old.community.communityCard9.text'),\n    comment: t('components.home.old.community.communityCard9.comment'),\n    dateText: t('components.home.old.community.communityCard9.dateText'),\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({ chapter: 'create_account' });\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 { t } = useI18n();\n\nconst cards = [\n  {\n    image: 'cloth',\n    title: t('components.home.old.fourBlocks.card1.title'),\n    text: t('components.home.old.fourBlocks.card1.text'),\n  },\n  {\n    image: 'guarantee',\n    title: t('components.home.old.fourBlocks.card2.title'),\n    text: t('components.home.old.fourBlocks.card2.text'),\n  },\n  {\n    image: 'safe-deal2',\n    title: t('components.home.old.fourBlocks.card3.title'),\n    text: t('components.home.old.fourBlocks.card3.text'),\n  },\n  {\n    image: 'delivery',\n    title: t('components.home.old.fourBlocks.card4.title'),\n    text: t('components.home.old.fourBlocks.card4.text'),\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        {{ $t('components.home.old.aboutMedia.title') }}\n      </h2>\n\n      <div class=\"about-media__subtitle\">\n        {{ $t('components.home.old.aboutMedia.subtitle') }}\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          {{ $t('components.home.old.aboutMedia.showAllArticles') }}\n        </a>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nconst { t } = useI18n();\n\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: t('components.home.old.aboutMedia.card1.alt'),\n    text: t('components.home.old.aboutMedia.card1.text'),\n    dateText: t('components.home.old.aboutMedia.card1.dateText'),\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: t('components.home.old.aboutMedia.card2.alt'),\n    text: t('components.home.old.aboutMedia.card2.text'),\n    dateText: t('components.home.old.aboutMedia.card2.dateText'),\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: t('components.home.old.aboutMedia.card3.alt'),\n    text: t('components.home.old.aboutMedia.card3.text'),\n    dateText: t('components.home.old.aboutMedia.card3.dateText'),\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: t('components.home.old.aboutMedia.card4.alt'),\n    text: t('components.home.old.aboutMedia.card4.text'),\n    dateText: t('components.home.old.aboutMedia.card4.dateText'),\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          {{ $t('common.aboutProject') }}\n        </h2>\n\n        <div class=\"info-page-section__subtitle\">\n          {{ $t('components.info.aboutPage.subtitle') }}\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>\nconst { t } = useI18n();\nconst schemaOrg = useSchemaOrg();\n\nuseHead({\n  title: `${t('common.aboutProject')} – ${t('common.OskellyOnlineStore')}`,\n  meta: [\n    {\n      name: 'description',\n      content: `${t('common.aboutProject')} – ${t('common.OskellyOnlineStore')}`,\n    },\n  ],\n  script: [\n    {\n      type: 'application/ld+json',\n      children: schemaOrg,\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":["_withScopeId","_popScopeId","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_9","_createElementVNode","_hoisted_10","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","$t","_hoisted_6","_hoisted_8","isAuth","openAuthDialog","useAccountStore","component","computed","defineNuxtLink","handleClick","navigateTo","render","ChoicePaymentSVG","AuthenticationSVG","SendingGoodsSVG","ProductPlacementSVG","Authentication2SVG","MoneyTransferSVG","activeBlock","ref","isBuyers","isSellers","changeActiveBlock","value","interval","t","useI18n","currentCard","communityCards","onLeave","el","done","onMounted","card","onUnmounted","cards","schemaOrg","useSchemaOrg","useHead"],"mappings":"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"}