{"version":3,"file":"allison-wHGPKInu.js","sources":["../../../app/assets/images/mba/why_choose.jpg","../../../app/javascript/src/modules/MbaExclusive/Components/ExpandableDescription.vue","../../../app/assets/images/mba/reviews/allison.jpg"],"sourcesContent":["export default \"__VITE_ASSET__C85DR3FO__\"","<template>\n <div class=\"wrapper\" :class=\"{ first, last }\">\n <div class=\"heading\" @click=\"expand = !expand\">\n <div class=\"title\">{{ title }}</div>\n <FoldIcon class=\"fold icon\" v-if=\"expand\" />\n <ExpandIcon class=\"expand icon\" v-else />\n </div>\n <div class=\"description\" v-show=\"expand\" v-html=\"description\"></div>\n </div>\n</template>\n\n<script setup>\nimport FoldIcon from 'app/assets/images/mba/icons/fold.svg?component';\nimport ExpandIcon from 'app/assets/images/mba/icons/expand.svg?component';\nimport { ref } from \"vue\";\n\ndefineProps({\n title: String,\n description: String,\n first: Boolean,\n last: Boolean,\n});\n\nconst expand = ref(false);\n</script>\n\n<style lang=\"scss\" scoped>\n.wrapper {\n padding-block: 24px;\n border-bottom: 1px solid #D1D5DB;\n\n &.first {\n padding-top: 0;\n }\n\n &.last {\n padding-bottom: 0;\n border-bottom: none;\n }\n}\n\n.heading {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n user-select: none;\n gap: 8px;\n}\n\n.title {\n color: $blue-500;\n font-size: 24px;\n line-height: 140%;\n font-weight: 600;\n\n @include mobile {\n font-size: 18px;\n line-height: 140%;\n }\n}\n\n.description {\n color: $grey-300;\n font-size: 16px;\n line-height: 140%;\n margin-top: 8px;\n\n @include mobile {\n font-size: 14px;\n line-height: 140%; /* 19.6px */\n }\n}\n\n.icon {\n width: 24px;\n height: 33.6px;\n flex-shrink: 0;\n}\n\n.fold {\n color: #E5E7EB;\n}\n\n.expand {\n color: #DC003D;\n}\n</style>\n","export default \"__VITE_ASSET__D6rC1Rh5__\""],"names":["_imports_0","expand","ref","Allison"],"mappings":"iOAAA,MAAeA,EAAA,uLCuBf,MAAMC,EAASC,EAAI,EAAK,yYCvBTC,EAAA"}