{"version":3,"file":"CZOp7pnu.js","sources":["../../../../assets/img/press/cosmopolitan.svg","../../../../assets/img/press/snc.svg","../../../../assets/img/press/vc.svg","../../../../assets/img/press/vedomosti.svg","../../../../pages/info/press.vue"],"sourcesContent":["export default \"__VITE_ASSET__ByByoNxM__\"","export default \"__VITE_ASSET__BLLaMWfi__\"","export default \"__VITE_ASSET__jZy2t2k5__\"","export default \"__VITE_ASSET__sfvnRBAT__\"","<template>\n  <div class=\"osk-wrapper vertical-paddings\">\n    <h2 class=\"section-title text-center mb-4\">\n      {{ $t('components.info.pressPage.title') }}\n    </h2>\n\n    <div class=\"section-subtitle text-center subtitle\">\n      {{ $t('components.info.pressPage.subtitle') }}\n    </div>\n\n    <div class=\"press_about_blocks\">\n      <div\n        v-for=\"article in articles\"\n        :key=\"article.link\"\n        class=\"block\"\n      >\n        <div\n          :class=\"article.imageClass\"\n          class=\"left_logo\"\n        >\n          <img\n            :src=\"article.image\"\n            alt=\"logo\"\n          >\n        </div>\n        <div class=\"right_info_text\">\n          <div class=\"name_block\">\n            {{ article.title }}\n          </div>\n\n          <p v-if=\"article.description\">\n            {{ article.description }}\n          </p>\n\n          <div class=\"data_block\">\n            {{ article.date }}\n          </div>\n\n          <div class=\"a_link\">\n            <a\n              :href=\"article.link\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <span>{{ $t('components.info.pressPage.read') }}</span>\n\n              <svg\n                width=\"30\"\n                height=\"49\"\n                viewBox=\"0 0 30 49\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M2 2L27 24.5L2 47\"\n                  stroke=\"#333333\"\n                  stroke-width=\"4\"\n                />\n              </svg>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { filename } from 'pathe/utils';\n\nconst glob: Record<string, { default: string }> = import.meta.glob('~/assets/img/press/*.svg', { eager: true });\nconst images = Object.fromEntries(\n  Object.entries(glob).map(([ key, value ]) => [ filename(key), value.default ]),\n);\n\nuseHead({\n  title: 'Пресса о нас – Интернет-магазин Oskelly',\n  meta: [\n    {\n      name: 'description',\n      content: 'Пресса о нас – Интернет-магазин Oskelly',\n    },\n  ],\n});\n\nconst { t } = useI18n();\n\nconst articles = [\n  {\n    title: t('components.info.pressPage.article1.title'),\n    description: t('components.info.pressPage.article1.description'),\n    date: t('components.info.pressPage.article1.date'),\n    link: 'https://www.cosmo.ru/fashion/how_to/vazhnyy-vopros-na-chto-obratit-vnimanie-pri-pokupke-b-u-veshchi/',\n    image: images.cosmopolitan,\n    imageClass: 'cosmopolitan_logo',\n  },\n  {\n    title: t('components.info.pressPage.article2.title'),\n    description: '',\n    date: t('components.info.pressPage.article2.date'),\n    link: 'https://vc.ru/trade/66518-startap-dnya-rossiyskiy-marketpleys-poderzhannoy-brendovoy-odezhdy-oskelly',\n    image: images.vc,\n    imageClass: 'vc_logo',\n  },\n  {\n    title: t('components.info.pressPage.article3.title'),\n    description: '',\n    date: t('components.info.pressPage.article3.date'),\n    link: 'http://www.sncmedia.ru/fashion/lyuksovye-veshchi-kak-investitsii-vo-chto-vkladyvat/?fbclid=IwAR3h4L_e2LyY2A8rFuE0ARxZXNP_T-Y6q4F0H-k06gQjXEN00pJemlifO40',\n    image: images.snc,\n    imageClass: 'snc_logo',\n  },\n  {\n    title: t('components.info.pressPage.article4.title'),\n    description: '',\n    date: t('components.info.pressPage.article4.date'),\n    link: 'https://kp.vedomosti.ru/deluxe/article/2019/03/28/797663-poddelki-i-modnie-doma-vred-i-polza',\n    image: images.vedomosti,\n    imageClass: 'vedomosti_logo',\n  },\n];\n</script>\n\n<style scoped lang=\"scss\">\n.vertical-paddings {\n  padding-top: 70px;\n  padding-bottom: 100px;\n}\n\n.subtitle {\n  max-width: 520px;\n  margin: 0 auto;\n}\n\n.press_about_blocks {\n  margin-top: 40px;\n}\n\n.press_about_blocks .block {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  padding: 40px 100px 40px 0;\n  margin-bottom: 41px;\n  align-items: center;\n}\n\n.press_about_blocks .block:last-child {\n  margin-bottom: 0;\n}\n\n.press_about_blocks .block .left_logo {\n  width: 315px;\n  box-sizing: border-box;\n  height: 114px;\n  border-right: 1px solid #F2F2F2;\n  position: relative;\n}\n\n.press_about_blocks .block .left_logo img,\n.press_about_blocks .block .left_logo svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.press_about_blocks .block .right_info_text {\n  width: calc(100% - 315px);\n  max-width: 790px;\n  box-sizing: border-box;\n  padding-left: 43px;\n}\n\n.press_about_blocks .block .right_info_text .name_block {\n  font-size: 18px;\n  line-height: 24px;\n  font-weight: 500;\n}\n\n.press_about_blocks .block .right_info_text p {\n  font-size: 14px;\n  line-height: 21px;\n  color: #828282;\n  margin-top: 8px;\n}\n\n.press_about_blocks .block .right_info_text .data_block {\n  color: #828282;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  margin-top: 18px;\n}\n\n.press_about_blocks .block .right_info_text .a_link {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.press_about_blocks .block .right_info_text .a_link a {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border: 1px solid rgba(189, 189, 189, 0.6);\n  border-radius: 2px;\n  transition: all 0.3s ease;\n}\n\n.press_about_blocks .block .right_info_text .a_link a span {\n  display: none;\n}\n\n.press_about_blocks .block .right_info_text .a_link a svg {\n  position: absolute;\n  top: 50%;\n  right: 45px;\n  transform: translate(0, -50%);\n  opacity: .05;\n  transition: all 0.3s ease;\n}\n\n.press_about_blocks .block .right_info_text .a_link a:hover {\n  border: 1px solid #333333;\n}\n\n.press_about_blocks .block .right_info_text .a_link a:hover svg {\n  opacity: 1;\n}\n\n@media only screen and (max-width: 1024px) {\n  .press_about_blocks .block {\n    display: block;\n    padding: 0px 80px 30px 22px;\n    margin-bottom: 31px;\n  }\n\n  .press_about_blocks .block .left_logo {\n    width: 100%;\n    border-right: none;\n    position: relative;\n    height: 110px;\n  }\n\n  .press_about_blocks .block .left_logo img,\n  .press_about_blocks .block .left_logo svg {\n    left: 0;\n    top: 30px;\n    transform: translate(0, 0);\n  }\n\n  .press_about_blocks .block .cosmopolitan_logo img {\n    width: 168px;\n  }\n\n  .press_about_blocks .block .vc_logo img {\n    width: 128px;\n  }\n\n  .press_about_blocks .block .snc_logo img {\n    width: 107px;\n  }\n\n  .press_about_blocks .block .vedomosti_logo img {\n    width: 157px;\n  }\n\n  .press_about_blocks .block .right_info_text {\n    width: 100%;\n    padding: 0;\n  }\n\n  .press_about_blocks .block .right_info_text .a_link a svg {\n    right: 25px;\n  }\n}\n\n@media only screen and (max-width: 767px) {\n  .press_about_blocks .block {\n    padding: 0px 12px 18px;\n    border: 1px solid rgba(189, 189, 189, 0.6);\n    border-radius: 2px;\n  }\n\n  .press_about_blocks .block .left_logo {\n    height: 94px;\n  }\n\n  .press_about_blocks .block .cosmopolitan_logo img {\n    width: 146px;\n  }\n\n  .press_about_blocks .block .vc_logo img {\n    width: 112px;\n  }\n\n  .press_about_blocks .block .snc_logo img {\n    width: 94px;\n  }\n\n  .press_about_blocks .block .vedomosti_logo img {\n    width: 136px;\n  }\n\n  .press_about_blocks .block .right_info_text p {\n    font-size: 12px;\n    line-height: 18px;\n  }\n\n  .press_about_blocks .block .right_info_text .name_block {\n    font-size: 16px;\n    line-height: 22px;\n  }\n\n  .press_about_blocks .block .right_info_text .data_block {\n    margin-top: 15px;\n  }\n\n  .press_about_blocks .block .right_info_text .a_link {\n    position: static;\n    margin-top: 35px;\n  }\n\n  .press_about_blocks .block .right_info_text .a_link a {\n    border: 1px solid #202020;\n    font-size: 14px;\n    line-height: 46px;\n    box-sizing: border-box;\n  }\n\n  .press_about_blocks .block .right_info_text .a_link a span {\n    display: block;\n    text-align: center;\n  }\n\n  .press_about_blocks .block .right_info_text .a_link a svg {\n    display: none;\n  }\n\n  .press_about_blocks .block .right_info_text .a_link a:hover {\n    color: #ffffff;\n    background: #202020;\n  }\n}\n</style>\n"],"names":["cosmopolitan","snc","vc","vedomosti","images","__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","key","value","filename","useHead","t","useI18n","articles"],"mappings":"sdAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,4BAAA,YAAA,GAAA,EAAA,4GCAAC,EAAA,GAAA,IAAA,IAAA,mBAAA,YAAA,GAAA,EAAA,4GCAAC,EAAA,GAAA,IAAA,IAAA,kBAAA,YAAA,GAAA,EAAA,4GCAAC,EAAA,GAAA,IAAA,IAAA,yBAAA,YAAA,GAAA,EAAA,4oBCuEf,MAAMC,EAAS,OAAO,YACpB,OAAO,QAFyC,OAAA,OAAA,CAAA,qCAAAC,EAAA,4BAAAC,EAAA,2BAAAC,EAAA,kCAAAC,CAAA,CAAA,CAE7B,EAAE,IAAI,CAAC,CAAEC,EAAKC,CAAM,IAAM,CAAEC,EAASF,CAAG,EAAGC,EAAM,OAAQ,CAAC,CAAA,EAGvEE,EAAA,CACN,MAAO,0CACP,KAAM,CACJ,CACE,KAAM,cACN,QAAS,yCACX,CACF,CAAA,CACD,EAEK,KAAA,CAAE,EAAAC,GAAMC,IAERC,EAAW,CACf,CACE,MAAOF,EAAE,0CAA0C,EACnD,YAAaA,EAAE,gDAAgD,EAC/D,KAAMA,EAAE,yCAAyC,EACjD,KAAM,uGACN,MAAOT,EAAO,aACd,WAAY,mBACd,EACA,CACE,MAAOS,EAAE,0CAA0C,EACnD,YAAa,GACb,KAAMA,EAAE,yCAAyC,EACjD,KAAM,uGACN,MAAOT,EAAO,GACd,WAAY,SACd,EACA,CACE,MAAOS,EAAE,0CAA0C,EACnD,YAAa,GACb,KAAMA,EAAE,yCAAyC,EACjD,KAAM,2JACN,MAAOT,EAAO,IACd,WAAY,UACd,EACA,CACE,MAAOS,EAAE,0CAA0C,EACnD,YAAa,GACb,KAAMA,EAAE,yCAAyC,EACjD,KAAM,+FACN,MAAOT,EAAO,UACd,WAAY,gBACd,CAAA"}