{"version":3,"file":"w-how-we-select-psy-D-16MTYh.js","sources":["../../../app/frontend/vue/src/components-tw/widgets/w-how-we-select-psy.vue"],"sourcesContent":["<template>\n  <div class=\"_bg-white-100 _rounded-2xl _pt-4 md:_pt-8\">\n    <div class=\"_flex _flex-col md:_flex-row _justify-between _px-4 md:_px-8\">\n      <h2 class=\"_t-hero-h5 md:_t-hero-h4 _mb-2\">\n        Как мы <span class=\"_text-blue-500\">отбираем</span> психологов\n      </h2>\n      <p class=\"_t-body-regular _mb-0 _text-grey-800\">\n        Только 9% специалистов проходят <br class=\"_hidden md:_inline\"> отбор в&nbsp;нашу команду\n      </p>\n    </div>\n\n    <div class=\"_grid _grid-cols-1 md:_grid-cols-3 _mt-8 md:_mt-10 _px-4 md:_px-8\">\n      <div class=\"_col-span-1 _relative _pr-8 _pb-6 md:_pb-[32px] _flex md:_flex-col _flex-row _gap-3 md:_gap-0\">\n        <div class=\"md:_h-[1px] _h-full _bg-grey-500 _absolute _top-0 md:_left-0 _left-[15px] md:_w-full _w-[1px]\" />\n        <div\n          class=\"\n            _rounded-full md:_p-2 _p-[6px] _bg-blue-500 _-translate-y-[6px]\n            _inline-flex _w-fit _h-fit md:_-translate-y-1/2 _relative _z-10\n         \"\n        >\n          <tw-ui-icon\n            icon=\"check-circle-fill.svg\"\n            size=\"md:_w-6 _w-5\"\n          />\n        </div>\n        <div>\n          <h4 class=\"_-mt-1 md:_mb-2 _mb-1 _t-paragraph-accent\">\n            Образование\n          </h4>\n          <p class=\"_mb-0\">\n            Проверяем наличие дипломов: высшее психологическое, медицинское (психиатрия) или переподготовка\n          </p>\n        </div>\n      </div>\n      <div class=\"_col-span-1 _relative _pr-8 _pb-6 md:_pb-[32px] _flex md:_flex-col _flex-row _gap-3 md:_gap-0\">\n        <div class=\"md:_h-[1px] _h-full _bg-grey-500 _absolute _top-0 md:_left-0 _left-[15px] md:_w-full _w-[1px]\" />\n        <div\n          class=\"\n            _rounded-full md:_p-2 _p-[6px] _bg-blue-500 _-translate-y-[6px]\n            _inline-flex _w-fit _h-fit md:_-translate-y-1/2 _relative _z-10\n         \"\n        >\n          <tw-ui-icon\n            icon=\"check-circle-fill.svg\"\n            size=\"md:_w-6 _w-5\"\n          />\n        </div>\n        <div>\n          <h4 class=\"_-mt-1 md:_mb-2 _mb-1 _t-paragraph-accent\">\n            Опыт работы\n          </h4>\n          <p class=\"_mb-0\">\n            Рассматриваем специалистов с&nbsp;подтверждённой практикой <br> от&nbsp;трёх лет\n          </p>\n        </div>\n      </div>\n      <div class=\"_col-span-1 _relative _pb-6 md:_pb-[32px] _flex md:_flex-col _flex-row _gap-3 md:_gap-0\">\n        <div\n          class=\"md:_h-[1px] _h-full _bg-grey-500 _absolute _top-0 md:_left-0 _left-[15px] _w-[1px] md:_w-[calc(100%_+_32px)]\"\n        />\n        <div\n          class=\"\n            _rounded-full md:_p-2 _p-[6px] _bg-blue-500 _-translate-y-[6px]\n            _inline-flex _w-fit _h-fit md:_-translate-y-1/2 _relative _z-10\n         \"\n        >\n          <tw-ui-icon\n            icon=\"check-circle-fill.svg\"\n            size=\"md:_w-6 _w-5\"\n          />\n        </div>\n        <div>\n          <h4 class=\"_-mt-1 md:_mb-2 _mb-1 _t-paragraph-accent\">\n            Рекомендации\n          </h4>\n          <p class=\"_mb-0\">\n            Просим предоставить рекомендацию от&nbsp;супервизора, старших коллег или психологической ассоциации\n          </p>\n        </div>\n      </div>\n    </div>\n    <Collapse\n      :when=\"!collapsed\"\n      class=\"v-collapse-dropdown _grid _grid-cols-1 md:_grid-cols-3\"\n    >\n      <div class=\"_col-span-1 _relative _pr-8 md:_pt-5 _pb-6 md:_pb-[52px] md:_pl-0 _pl-4 _flex md:_flex-col _flex-row _gap-3 md:_gap-0 _pl-4 md:_pl-8\">\n        <div class=\"md:_h-[1px] _h-full _bg-grey-500 _absolute _top-0 md:_top-5 md:_left-0 _left-[31px] md:_w-full _w-[1px]\" />\n        <div\n          class=\"\n            _rounded-full md:_p-2 _p-[6px] _bg-blue-500 _-translate-y-[6px]\n            _inline-flex _w-fit _h-fit md:_-translate-y-1/2 _relative _z-10\n         \"\n        >\n          <tw-ui-icon\n            icon=\"check-circle-fill.svg\"\n            size=\"md:_w-6 _w-5\"\n          />\n        </div>\n        <div>\n          <h4 class=\"_-mt-1 md:_mb-2 _mb-1 _t-paragraph-accent\">\n            Собеседование\n          </h4>\n          <p class=\"_mb-0\">\n            Разбираем успешные кейсы и&nbsp;проверяем навыки прямо на&nbsp;вступительном интервью\n          </p>\n        </div>\n      </div>\n      <div class=\"_col-span-1 _relative _pr-8 md:_pt-5 _pb-6 md:_pb-[52px] md:_pl-0 _pl-4 _flex md:_flex-col _flex-row _gap-3 md:_gap-0\">\n        <div class=\"md:_h-[1px] _h-full _bg-grey-500 _absolute _top-0 md:_top-5  md:_left-0 _left-[31px] md:_w-full _w-[1px]\" />\n        <div\n          class=\"\n            _rounded-full md:_p-2 _p-[6px] _bg-blue-500 _-translate-y-[6px]\n            _inline-flex _w-fit _h-fit md:_-translate-y-1/2 _relative _z-10\n         \"\n        >\n          <tw-ui-icon\n            icon=\"check-circle-fill.svg\"\n            size=\"md:_w-6 _w-5\"\n          />\n        </div>\n        <div>\n          <h4 class=\"_-mt-1 md:_mb-2 _mb-1 _t-paragraph-accent\">\n            Этический кодекс\n          </h4>\n          <p class=\"_mb-0\">\n            Смотрим, разделяет&nbsp;ли кандидат наши ценности. Профессиональный психолог не&nbsp;оценивает и&nbsp;не&nbsp;осуждает\n          </p>\n        </div>\n      </div>\n      <div class=\"_col-span-1 _relative _pb-6 md:_pt-5 md:_pb-[52px] _flex md:_pl-0 _pl-4 md:_flex-col _flex-row _gap-3 md:_gap-0\">\n        <div\n          class=\"\n            _rounded-full md:_p-2 _p-[6px] _bg-blue-500 _-translate-y-[6px]\n            _inline-flex _w-fit _h-fit md:_-translate-y-1/2 _relative _z-10\n         \"\n        >\n          <tw-ui-icon\n            icon=\"check-circle-fill.svg\"\n            size=\"md:_w-6 _w-5\"\n          />\n        </div>\n        <div>\n          <h4 class=\"_-mt-1 md:_mb-2 _mb-1 _t-paragraph-accent\">\n            Обучение\n          </h4>\n          <p class=\"_mb-0\">\n            Развиваем психологов через семинары и&nbsp;супервизии. Даже профессионалам важно учиться\n          </p>\n        </div>\n      </div>\n    </Collapse>\n    <div\n      :class=\"{'!_bg-none': !collapsed}\"\n      class=\"_-mt-10 _p-8 md:_pb-4 _pl-[58px] md:_pl-8 _pb-5 _flex _items-center _relative _t-body-regular _rounded-b-2xl _z-10\"\n      style=\"background: linear-gradient(0deg, #FFF 0%, #FFF 73%, rgba(255, 255, 255, 0.56) 91%, rgba(255, 255, 255, 0.00) 100%);\"\n    >\n      <span\n        class=\"_text-blue-600 _t-body-regular _inline-flex _items-center _cursor-pointer\"\n        @click=\"collapsed = !collapsed\"\n      >\n        {{ collapsed ? 'И ещё 3 шага' : 'Скрыть' }}\n        <tw-ui-icon\n          :class=\"[{ '_rotate-180': !collapsed }]\"\n          class=\"_transition-all\"\n          icon=\"angle-down.svg\"\n          size=\"_w-6\"\n        />\n      </span>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport { Collapse } from 'vue-collapsed';\nimport { TwUiIcon } from '@yasno-live/yasno-components';\n\nconst collapsed = ref(true);\n</script>\n"],"names":["collapsed","ref"],"mappings":"24DAgLM,MAAAA,EAAYC,GAAI"}