{"version":3,"file":"BdRVbf0-.js","sources":["../../../../components/JobCardGrid.vue","../../../../components/MirawaySections.vue","../../../../pages/tuyen-dung.vue"],"sourcesContent":["<script setup>\r\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\r\nimport { Pagination } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/pagination\";\r\nimport axios from \"axios\";\r\n\r\ndefineProps({\r\n  jobs: {\r\n    type: Array,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst blogs = ref([]);\r\n\r\nonMounted(async () => {\r\n  try {\r\n    const host = \"https://mirawaygroup.com\";\r\n    const response = await axios.get(`${host}/blog/wp-json/wp/v2/posts`, {\r\n      params: {\r\n        categories: 293,\r\n        _fields: \"id,title,content, excerpt,featured_image_url,link\",\r\n        order: \"desc\",\r\n        orderby: \"date\",\r\n      },\r\n    });\r\n    blogs.value = response.data;\r\n  } catch (error) {\r\n    console.log(error);\r\n  }\r\n});\r\n\r\nconst swiperOptions = {\r\n  modules: [Pagination],\r\n  pagination: false,\r\n  breakpoints: {\r\n    300: {\r\n      slidesPerView: 1,\r\n    },\r\n    768: {\r\n      slidesPerView: 4,\r\n    },\r\n  },\r\n  spaceBetween: 32,\r\n};\r\n</script>\r\n<template>\r\n  <section class=\"2xl:container mx-auto relative mt-10\">\r\n    <div class=\"\">\r\n      <div class=\"max-w-7xl mx-auto flex flex-col gap-8 md:gap-10 px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"flex flex-col gap-2\">\r\n          <span\r\n            class=\"text-[#66A3F0] text-[14px] md:text-lg text-center home-5-title-mrw max-md:text-[14px] max-md:font-[500] max-md:leading-[21px]\"\r\n            >TÌM HIỂU NGAY</span\r\n          >\r\n          <h1\r\n            class=\"text-[24px] md:text-[44px] text-center home-4-title md:font-bold text-[#003D8A] mb-4 max-md:text-[28px] max-md:font-[600] max-md:leading-[34px]\"\r\n          >\r\n            Thông tin tuyển dụng\r\n          </h1>\r\n        </div>\r\n        <div>\r\n          <Swiper class=\"flex\" v-bind=\"swiperOptions\">\r\n            <swiper-slide class=\"bg-white rounded-lg\" v-for=\"job in blogs\" :key=\"job.id\">\r\n              <div class=\"relative h-40\">\r\n                <img\r\n                  :src=\"job.featured_image_url\"\r\n                  :alt=\"job.featured_image_url\"\r\n                  class=\"w-full h-full object-cover rounded-t-lg\"\r\n                />\r\n                <div\r\n                  class=\"absolute top-2 left-2 text-[#FCFCFD] py-2 px-3 text-[12px] rounded-xl tuyendung-bt-tintuc max-md:text-[12px] max-md:font-[700] max-md:leading-[19px]\"\r\n                >\r\n                  Tin tức\r\n                </div>\r\n              </div>\r\n              <div class=\"p-3\">\r\n                <h3\r\n                  class=\"text-base mb-2 text-[#010159] tuyendung-tintuc-title line-clamp-2 max-md:text-[16px] max-md:font-[700] max-md:leading-[24px]\"\r\n                  v-html=\"job.title.rendered\"\r\n                ></h3>\r\n                <div\r\n                  class=\"tuyendung-tintuc-content content-render\"\r\n                  v-html=\"job.excerpt.rendered\"\r\n                ></div>\r\n                <div class=\"flex justify-end mt-4\">\r\n                  <nuxt-link\r\n                    :to=\"job.link\"\r\n                    target=\"_blank\"\r\n                    class=\"text-[#1111BB] tuyendung.xemthem py-2 px-4 rounded max-md:text-[16px] max-md:font-[700] max-md:leading-[24px]\"\r\n                  >\r\n                    Xem thêm\r\n                  </nuxt-link>\r\n                </div>\r\n              </div>\r\n            </swiper-slide>\r\n          </Swiper>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n// .job-card {\r\n//   background-image: url(\"/public/images/tuyen-dung/banner-thong-tin-tuyen-dung.png\");\r\n//   background-size: cover;\r\n//   background-position: center;\r\n//   background-repeat: no-repeat;\r\n// }\r\n</style>\r\n","<script setup>\r\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\r\nimport { Pagination } from \"swiper/modules\";\r\nimport \"swiper/css\";\r\nimport \"swiper/css/pagination\";\r\n\r\ndefineProps({\r\n  listMirawaySections: {\r\n    type: Array,\r\n    required: true,\r\n  },\r\n});\r\nconst swiperOptions = {\r\n  modules: [Pagination],\r\n  pagination: false,\r\n  breakpoints: {\r\n    300: {\r\n      slidesPerView: 1,\r\n    },\r\n    768: {\r\n      slidesPerView: 2.5,\r\n    },\r\n  },\r\n  spaceBetween: 32,\r\n};\r\n</script>\r\n<template>\r\n  <section class=\"\">\r\n    <div class=\"job-card py-[100px]\">\r\n      <div class=\"max-w-7xl mx-auto flex flex-col gap-8 md:gap-10 px-4 sm:px-6 lg:px-8\">\r\n        <div class=\"flex flex-col gap-2\">\r\n          <span class=\"text-[#66A3F0] text-[14px] md:text-lg home-5-title-mrw\">MÔI TRƯỜNG NĂNG ĐỘNG</span>\r\n          <h1 class=\"text-[24px] text-left md:text-[36px] home-1-title md:font-bold text-[#003D8A] mb-4\">\r\n            Đến với MIRAWAY không chỉ làm việc mà còn là\r\n          </h1>\r\n        </div>\r\n        <div>\r\n          <Swiper class=\"flex\" v-bind=\"swiperOptions\">\r\n            <swiper-slide class=\"shadow-md rounded-lg\" v-for=\"item in listMirawaySections\" :key=\"item.id\">\r\n              <div class=\"relative\">\r\n                <img\r\n                  :src=\"item.img\"\r\n                  :alt=\"item.title\"\r\n                  class=\"background-shadow w-full h-full object-cover rounded-t-lg\"\r\n                />\r\n                <div class=\"absolute bottom-2 left-2 text-[#FFF] py-2 px-3 text-[28px] \">\r\n                  {{ item.title }}\r\n                </div>\r\n              </div>\r\n            </swiper-slide>\r\n          </Swiper>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n.background-shadow {\r\n  border-radius: 16px;\r\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000 103.23%) !important;\r\n}\r\n</style>\r\n","<script setup>\r\nimport \"swiper/css\";\r\nimport \"swiper/css/pagination\";\r\nimport JobCardGrid from \"~/components/JobCardGrid.vue\";\r\nimport MirawaySections from \"~/components/MirawaySections.vue\";\r\n\r\nconst seoTitle = \"Tuyển dụng\";\r\nconst seoDescription = \"Liên hệ với chúng tôi để nhận tư vấn và hỗ trợ.\";\r\n\r\nuseHead({\r\n  title: seoTitle,\r\n  meta: [\r\n    { name: \"description\", content: seoDescription },\r\n    { name: \"og:title\", content: seoTitle },\r\n    { name: \"og:description\", content: seoDescription },\r\n    { name: \"keywords\", content: \"MRW GROUP\" },\r\n  ],\r\n});\r\n\r\nconst listMirawaySections = [\r\n  {\r\n    id: 1,\r\n    img: \"/images/tuyen-dung/phat-trien-mot-cach-ben-vung.png\",\r\n    title: \"Phát triển bản thân một cách toàn diện\",\r\n  },\r\n  {\r\n    id: 2,\r\n    img: \"/images/tuyen-dung/phat-trien-mot-cach-ben-vung2.png\",\r\n    title: \"Trải nghiệm môi trường năng động, sáng tạo\",\r\n  },\r\n  {\r\n    id: 3,\r\n    img: \"/images/tuyen-dung/phat-trien-mot-cach-ben-vung3.png\",\r\n    title: \"Tham gia các hoạt động ý nghĩ, mang tác động tích cực\",\r\n  },\r\n];\r\n</script>\r\n<template>\r\n  <div class=\"px-16 max-xl:px-4 bg-[#F5F9FC]\">\r\n    <section class=\"relative rounded-[48px]\">\r\n      <!-- Banner Section -->\r\n      <div class=\"max-sm:hidden -mx-20 max-lg:-mx-4\">\r\n        <nuxt-picture\r\n          loading=\"lazy\"\r\n          src=\"/images/dieu-khoan-su-dung/dieu-khoan-su-dung.png\"\r\n          :imgAttrs=\"{ class: 'w-full', alt: 'home-banner' }\"\r\n          class=\"w-full\"\r\n        />\r\n      </div>\r\n      <div class=\"sm:hidden -mx-4\">\r\n        <nuxt-picture\r\n          loading=\"lazy\"\r\n          src=\"/images/dieu-khoan-su-dung/dieu-khoan-su-dung-mb.png\"\r\n          :imgAttrs=\"{ class: 'w-full h-[45vh]', alt: 'home-banner-mobile' }\"\r\n          class=\"w-full\"\r\n        />\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-full absolute top-1/2 left-1/2 max-md:px-5 flex gap-4 flex-col transform -translate-x-1/2 -translate-y-1/2\"\r\n      >\r\n        <h1\r\n          class=\"heading-1 text-white mt-4 mb-7 max-sm:my-2 text-center max-md:text-[18px]\"\r\n        >\r\n          LÀM VIỆC TẠI MIRAWAY\r\n        </h1>\r\n        <p\r\n          class=\"md:max-w-[700px] text-center text-base max-sm:w-full home-4-content leading-6 text-[#FCFCFD] mx-auto max-md:text-[16px] max-md:leading-[24px] max-md:font-normal\"\r\n        >\r\n          Nguồn nhân lực tài năng chính là tài sản vô giá và là một thế mạnh của Miraway. Gia nhập Miraway để cùng phát\r\n          triển những sản phẩm, dịch vụ công nghệ hàng đầu.\r\n        </p>\r\n      </div>\r\n\r\n      <!-- Search Section -->\r\n      <!-- <div\r\n        class=\"absolute left-1/2 transform -translate-x-1/2 md:-translate-y-20 container mx-auto bg-white rounded px-[72px] py-[50px] max-md:p-4 max-md:-translate-y-8\"\r\n        style=\"box-shadow: 0px 12px 36px 0px rgba(55, 129, 189, 0.25)\"\r\n      >\r\n        <h2\r\n          class=\"text-xl text-[#003D8A] tuyendung-tk-title max-md:text-[16px] max-md:font-[600] max-md:leading-[25px]\"\r\n        >\r\n          TÌM KIẾM CÔNG VIỆC PHÙ HỢP VỚI BẠN\r\n        </h2>\r\n        <div class=\"mt-4 grid grid-cols-12 gap-3 max-md:grid-cols-2 max-md:gap-2\">\r\n          <div class=\"flex items-center rounded-xl col-span-4 h-[54.4px] p-3 bg-[#0000000f] max-md:col-span-3\">\r\n            <svg class=\"w-5 h-5 text-gray-500 mr-2 ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n              <path\r\n                fill-rule=\"evenodd\"\r\n                d=\"M12.9 14.32a8 8 0 111.414-1.414l4.385 4.385a1 1 0 01-1.414 1.414l-4.385-4.385zM8 14a6 6 0 100-12 6 6 0 000 12z\"\r\n                clip-rule=\"evenodd\"\r\n              />\r\n            </svg>\r\n            <input\r\n              type=\"text\"\r\n              placeholder=\"Vị trí ứng tuyển\"\r\n              class=\"outline-none home-4-content max-md:text-[14px] max-md:font-[500] max-md:leading-[21px] bg-transparent w-full\"\r\n            />\r\n          </div>\r\n          <div class=\"col-span-3 custom-select\">\r\n            <a-select\r\n              ref=\"select\"\r\n              v-model:value=\"value1\"\r\n              style=\"width: 100%\"\r\n              placeholder=\"Khu vực làm việc\"\r\n              class=\"rounded-md col-span-2\"\r\n              @change=\"handleChange\"\r\n            >\r\n              <a-select-option value=\"ha-noi\">Hà Nội</a-select-option>\r\n              <a-select-option value=\"ho-chi-minh\">Hồ Chí Minh</a-select-option>\r\n            </a-select>\r\n          </div>\r\n          <div class=\"col-span-3 custom-select\">\r\n            <a-select\r\n              ref=\"select\"\r\n              v-model:value=\"value1\"\r\n              style=\"width: 100%\"\r\n              placeholder=\"Loại hình làm việc\"\r\n              class=\"rounded-md border-gray-300 col-span-2 home-4-content max-md:text-[14px] max-md:font-[500]\"\r\n              @change=\"handleChange\"\r\n            >\r\n              <a-select-option value=\"full-time\" class=\"home-4-content\">Toàn thời gian</a-select-option>\r\n              <a-select-option value=\"part-time\" class=\"home-4-content\">Bán thời gian</a-select-option>\r\n            </a-select>\r\n          </div>\r\n          <button\r\n            class=\"col-span-2 primary flex items-center justify-center max-md:mt-2 max-md:text-[16px] max-md:font-[700] max-md:leading-[24px]\"\r\n          >\r\n            Tìm kiếm\r\n          </button>\r\n        </div>\r\n      </div> -->\r\n    </section>\r\n\r\n    <section class=\"2xl:container m-auto max-md:mt-2\">\r\n      <div class=\"p-4 sm:p-8\">\r\n        <div class=\"max-w-[612px] mx-auto flex flex-col justify-center gap-2 items-center\">\r\n          <div\r\n            class=\"text-[#66A3F0] md:text-lg home-5-title-mrw max-md:text-[14px] max-md:font-[500] max-md:leading-[21px]\"\r\n          >\r\n            MIRAWAY GROUP\r\n          </div>\r\n          <h2\r\n            class=\"text-[#003D8A] home-4-title md:font-bold text-xl md:text-[44px] leading-[33px] md:leading-[66px] max-md:text-[28px] max-md:font-[600] max-md:leading-[34px]\"\r\n          >\r\n            Quy trình tuyển dụng\r\n          </h2>\r\n          <div\r\n            class=\"text-center text-[#777E90] text-[14px] md:text-base home-4-content max-md:text-[14px] max-md:font-[500] max-md:leading-[21px]\"\r\n          >\r\n            Được thành lập vào năm 2007 Trải qua hơn 17 năm hình thành và phát triển, Miraway đã khẳng định được vị thế\r\n            là\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"mt-[80px] max-md:mt-2\">\r\n          <div class=\"grid grid-cols-11 max-xl:grid-cols-1 max-xl:gap-4\">\r\n            <div class=\"col-span-2\">\r\n              <nuxt-picture\r\n                loading=\"lazy\"\r\n                src=\"/images/tuyen-dung/ung-tuyen.png\"\r\n                :imgAttrs=\"{ class: 'h-[96px] mx-auto', alt: 'job-application-icon' }\"\r\n                class=\"w-full\"\r\n              />\r\n              <div class=\"text-center mt-[39px]\">\r\n                <h3\r\n                  class=\"text-lg md:text-xl tuyendung-quytrinh-title max-md:text-[24px] max-md:font-[600] max-md:leading-[29px]\"\r\n                >\r\n                  Ứng tuyển\r\n                </h3>\r\n                <p class=\"tuyendung-quytrinh-content max-md:text-[14px] max-md:font-[500] max-md:leading-[21px]\">\r\n                  Ứng tuyển và nhận được nhiều hơn cả một cơ hội việc làm\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div class=\"w-full h-[1px] max-xl:w-[1px] max-xl:h-[121px] mx-auto bg-primary col-span-1 xl:mt-[50%]\" />\r\n            <div class=\"col-span-2\">\r\n              <nuxt-picture\r\n                loading=\"lazy\"\r\n                src=\"/images/tuyen-dung/phong-van.png\"\r\n                :imgAttrs=\"{ class: 'h-[96px] mx-auto', alt: 'job-application-icon' }\"\r\n                class=\"w-full\"\r\n              />\r\n              <div class=\"text-center mt-[39px]\">\r\n                <h3\r\n                  class=\"tuyendung-quytrinh-title text-lg md:text-xl max-md:text-[24px] max-md:font-[600] max-md:leading-[29px]\"\r\n                >\r\n                  Phỏng vấn\r\n                </h3>\r\n                <p class=\"tuyendung-quytrinh-content max-md:text-[14px] max-md:font-[500] max-md:leading-[21px]\">\r\n                  Không chỉ để chúng tôi hiểu bạn hơn mà còn để bạn tìm hiểu thêm về cách làm việc tại Miraway!\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div class=\"w-full h-[1px] max-xl:w-[1px] max-xl:h-[121px] mx-auto bg-primary col-span-1 xl:mt-[50%]\" />\r\n            <div class=\"col-span-2\">\r\n              <nuxt-picture\r\n                loading=\"lazy\"\r\n                src=\"/images/tuyen-dung/thong-bao.png\"\r\n                :imgAttrs=\"{ class: 'h-[96px] mx-auto', alt: 'job-application-icon' }\"\r\n                class=\"w-full\"\r\n              />\r\n              <div class=\"text-center mt-[39px]\">\r\n                <h3\r\n                  class=\"tuyendung-quytrinh-title text-lg md:text-xl max-md:text-[24px] max-md:font-[600] max-md:leading-[29px]\"\r\n                >\r\n                  Thông báo\r\n                </h3>\r\n                <p class=\"tuyendung-quytrinh-content max-md:text-[14px] max-md:font-[500] max-md:leading-[21px]\">\r\n                  Ban tuyển dụng sẽ thông báo cho bạn nếu bạn được chọn cho vị trí này\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div class=\"w-full h-[1px] max-xl:w-[1px] max-xl:h-[121px] mx-auto bg-primary col-span-1 xl:mt-[50%]\" />\r\n            <div class=\"col-span-2\">\r\n              <nuxt-picture\r\n                loading=\"lazy\"\r\n                src=\"/images/tuyen-dung/gia-nhap.png\"\r\n                :imgAttrs=\"{ class: 'h-[96px] mx-auto', alt: 'job-application-icon' }\"\r\n                class=\"w-full\"\r\n              />\r\n              <div class=\"text-center mt-[39px]\">\r\n                <h3\r\n                  class=\"tuyendung-quytrinh-title text-lg md:text-xl max-md:text-[24px] max-md:font-[600] max-md:leading-[29px]\"\r\n                >\r\n                  Gia nhập\r\n                </h3>\r\n                <p class=\"tuyendung-quytrinh-content max-md:text-[14px] max-md:font-[500] max-md:leading-[21px]\">\r\n                  Chào mừng bạn đến với Miraway!\r\n                </p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <section class=\"mt-[80px] m-auto\">\r\n      <div class=\"relative\">\r\n        <div class=\"max-sm:hidden -mx-60 max-lg:-mx-4\">\r\n          <nuxt-picture\r\n            loading=\"lazy\"\r\n            src=\"/images/tuyen-dung/dinh-huong-nghe-nghiep.png\"\r\n            :imgAttrs=\"{ class: 'w-full', alt: 'home-banner' }\"\r\n            class=\"w-full\"\r\n          />\r\n        </div>\r\n        <div class=\"sm:hidden -mx-4\">\r\n          <nuxt-picture\r\n            loading=\"lazy\"\r\n            src=\"/images/tuyen-dung/dinh-huong-nghe-nghiepmb.png\"\r\n            :imgAttrs=\"{ class: 'w-full !h-[429px] bg-cover bg-center', alt: 'home-banner-mobile' }\"\r\n            class=\"w-full\"\r\n          />\r\n        </div>\r\n\r\n        <div\r\n          class=\"w-full absolute top-1/2 left-1/2 max-md:px-5 flex gap-4 flex-col transform -translate-x-1/2 -translate-y-1/2\"\r\n        >\r\n          <h1\r\n            class=\"md:heading-[66px] leading-6 text-[#FCFCFD] home-4-title md:text-center mt-4 text-lg md:text-[32px] max-md:text-[28px] max-md:font-[600] max-md:leading-[34px] text-center\"\r\n          >\r\n            Định hướng nghề nghiệp\r\n          </h1>\r\n          <p\r\n            class=\"md:max-w-[700px] mx-auto text-center text-base max-sm:w-full home-4-content md:font-normal leading-6 text-[#FCFCFD] max-md:text-[16px] max-md:font-[400] max-md:leading-[24px]\"\r\n          >\r\n            Cùng chúng tôi tìm hiểu và định hướng chính xác ngay từ đầu sẽ giúp bạn được làm việc đúng với sở trường và\r\n            đam mê của bạn và có được sự nghiệp thành công hơn tại Miraway\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </section>\r\n\r\n    <!-- Thông tin tuyển dụng -->\r\n    <JobCardGrid />\r\n\r\n    <MirawaySections :listMirawaySections=\"listMirawaySections\" class=\"max-md:hidden\" />\r\n\r\n    <section class=\"mt-20 2xl:container m-auto bg-[url('/images/tuyen-dung/intern-bg.png')] bg-cover bg-left max-md:-mx-4\">\r\n      <div class=\"grid grid-cols-2 gap-8 items-center max-md:grid-cols-1\">\r\n        <div class=\"max-md:order-2 max-md:text-center\">\r\n          <h2 class=\"home-4-title text-primary max-md:text-[28px] max-md:font-[600] max-md:leading-[34px]\">\r\n            Thực tập sinh tài năng\r\n          </h2>\r\n          <div\r\n            class=\"max-w-[584px] mt-4 home-4-content max-md:mx-auto max-md:text-[16px] max-md:font-[400] max-md:leading-[24px] max-md:p-2\"\r\n          >\r\n            Chương trình thực tập dành cho tất cả sinh viên đang trong đợt thực tập của nhà trường hoặc muốn củng cố\r\n            thêm kiến thức. Sau chư ơng trình đào tạo, sinh viên sẽ nắm chắc hơn kiến thức chuyên môn, tự tin hơn khi\r\n            phỏng vấn và hiểu quy trình làm việc của dự án.\r\n          </div>\r\n        </div>\r\n        <div class=\"-mx-20 max-lg:-mx-4\">\r\n          <nuxt-picture\r\n            loading=\"lazy\"\r\n            src=\"/images/tuyen-dung/tuyen-dung.png\"\r\n            :imgAttrs=\"{ class: 'w-full', alt: 'thuc-tap-sinh-tai-nang' }\"\r\n            class=\"w-full\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n"],"names":["blogs","ref","onMounted","response","axios","error","swiperOptions","Pagination","seoTitle","seoDescription","useHead","listMirawaySections"],"mappings":"8sCAcA,MAAMA,EAAQC,EAAI,CAAA,CAAE,EAEpBC,EAAU,SAAY,CACpB,GAAI,CAEF,MAAMC,EAAW,MAAMC,EAAM,IAAI,oDAAoC,CACnE,OAAQ,CACN,WAAY,IACZ,QAAS,oDACT,MAAO,OACP,QAAS,MACV,CACP,CAAK,EACDJ,EAAM,MAAQG,EAAS,IACxB,OAAQE,EAAO,CACd,QAAQ,IAAIA,CAAK,CAClB,CACH,CAAC,EAED,MAAMC,EAAgB,CACpB,QAAS,CAACC,CAAU,EACpB,WAAY,GACZ,YAAa,CACX,IAAK,CACH,cAAe,CAChB,EACD,IAAK,CACH,cAAe,CAChB,CACF,EACD,aAAc,EAChB,8kDCjCA,MAAMD,EAAgB,CACpB,QAAS,CAACC,CAAU,EACpB,WAAY,GACZ,YAAa,CACX,IAAK,CACH,cAAe,CAChB,EACD,IAAK,CACH,cAAe,GAChB,CACF,EACD,aAAc,EAChB,09KClBMC,EAAW,aACXC,EAAiB,mFAEvBC,EAAQ,CACN,MAAOF,EACP,KAAM,CACJ,CAAE,KAAM,cAAe,QAASC,CAAgB,EAChD,CAAE,KAAM,WAAY,QAASD,CAAU,EACvC,CAAE,KAAM,iBAAkB,QAASC,CAAgB,EACnD,CAAE,KAAM,WAAY,QAAS,WAAa,CAC3C,CACH,CAAC,EAED,MAAME,EAAsB,CAC1B,CACE,GAAI,EACJ,IAAK,sDACL,MAAO,wCACR,EACD,CACE,GAAI,EACJ,IAAK,uDACL,MAAO,4CACR,EACD,CACE,GAAI,EACJ,IAAK,uDACL,MAAO,uDACR,CACH"}