{"version":3,"sources":["webpack:///./src/midone/views/pricing-layout-1/Main.vue","webpack:///./src/midone/views/pricing-layout-1/Main.vue?4f20"],"names":["class","script","render"],"mappings":"2IAEI,gCAEM,OAFDA,MAAM,kCAAgC,CACzC,gCAA2D,MAAvDA,MAAM,+BAA8B,oB,MAGrCA,MAAM,8C,GACJA,MAAM,6B,6tBAgCTA,MAAM,qI,2tBAgCHA,MAAM,6B,8tBAkCRA,MAAM,8C,GACJA,MAAM,6B,6tBAgCTA,MAAM,sI,2tBA8BHA,MAAM,6B,4iCAvKf,gCAsMM,YArMJ,EAIA,gCAgGM,MAhGN,EAgGM,CA/FJ,gCA8BM,MA9BN,EA8BM,CA7BJ,yBAEE,GADAA,MAAM,sDAER,IA2BF,gCAgCM,MAhCN,EAgCM,CA7BJ,yBAEE,GADAA,MAAM,sDAER,IA2BF,gCA8BM,MA9BN,EA8BM,CA7BJ,yBAEE,GADAA,MAAM,sDAER,MA8BJ,gCA4FM,MA5FN,EA4FM,CA3FJ,gCA8BM,MA9BN,EA8BM,CA7BJ,yBAEE,GADAA,MAAM,sDAER,IA2BF,gCA8BM,MA9BN,EA8BM,CA3BJ,yBAAqE,GAA5DA,MAAM,sDACf,IA2BF,gCA4BM,MA5BN,EA4BM,CA3BJ,yBAAsE,GAA5DA,MAAM,sDAChB,QCzKR,MAAMC,EAAS,GACfA,EAAOC,OAASA,EAED","file":"js/chunk-2d0c0e47.1c6cb845.js","sourcesContent":["<template>\n  <div>\n    <div class=\"intro-y flex items-center mt-8\">\n      <h2 class=\"text-lg font-medium mr-auto\">Pricing Layout</h2>\n    </div>\n    <!-- BEGIN: Pricing Layout -->\n    <div class=\"intro-y box flex flex-col lg:flex-row mt-5\">\n      <div class=\"intro-y flex-1 px-5 py-16\">\n        <CreditCardIcon\n          class=\"w-12 h-12 text-theme-1 dark:text-theme-10 mx-auto\"\n        />\n        <div class=\"text-xl font-medium text-center mt-10\">Basic Plan</div>\n        <div class=\"text-gray-700 dark:text-gray-600 text-center mt-5\">\n          1 Domain <span class=\"mx-1\">•</span> 10 Users\n          <span class=\"mx-1\">•</span> 20 Copies\n        </div>\n        <div\n          class=\"text-gray-600 dark:text-gray-400 px-10 text-center mx-auto mt-2\"\n        >\n          Lorem Ipsum is simply dummy text of the printing and typesetting\n          industry.\n        </div>\n        <div class=\"flex justify-center\">\n          <div class=\"relative text-5xl font-semibold mt-8 mx-auto\">\n            35\n            <span\n              class=\"absolute text-2xl top-0 right-0 text-gray-500 -mr-4 mt-1\"\n              >$</span\n            >\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"button button--lg block text-white bg-theme-1 rounded-full mx-auto mt-8\"\n        >\n          PURCHASE NOW\n        </button>\n      </div>\n      <div\n        class=\"intro-y border-b border-t lg:border-b-0 lg:border-t-0 flex-1 p-5 lg:border-l lg:border-r border-gray-200 dark:border-dark-5 py-16\"\n      >\n        <BriefcaseIcon\n          class=\"w-12 h-12 text-theme-1 dark:text-theme-10 mx-auto\"\n        />\n        <div class=\"text-xl font-medium text-center mt-10\">Business</div>\n        <div class=\"text-gray-700 dark:text-gray-600 text-center mt-5\">\n          1 Domain <span class=\"mx-1\">•</span> 10 Users\n          <span class=\"mx-1\">•</span> 20 Copies\n        </div>\n        <div\n          class=\"text-gray-600 dark:text-gray-400 px-10 text-center mx-auto mt-2\"\n        >\n          Lorem Ipsum is simply dummy text of the printing and typesetting\n          industry.\n        </div>\n        <div class=\"flex justify-center\">\n          <div class=\"relative text-5xl font-semibold mt-8 mx-auto\">\n            60\n            <span\n              class=\"absolute text-2xl top-0 right-0 text-gray-500 -mr-4 mt-1\"\n              >$</span\n            >\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"button button--lg block text-white bg-theme-1 rounded-full mx-auto mt-8\"\n        >\n          PURCHASE NOW\n        </button>\n      </div>\n      <div class=\"intro-y flex-1 px-5 py-16\">\n        <ShoppingBagIcon\n          class=\"w-12 h-12 text-theme-1 dark:text-theme-10 mx-auto\"\n        />\n        <div class=\"text-xl font-medium text-center mt-10\">Enterprise</div>\n        <div class=\"text-gray-700 dark:text-gray-600 text-center mt-5\">\n          1 Domain <span class=\"mx-1\">•</span> 10 Users\n          <span class=\"mx-1\">•</span> 20 Copies\n        </div>\n        <div\n          class=\"text-gray-600 dark:text-gray-400 px-10 text-center mx-auto mt-2\"\n        >\n          Lorem Ipsum is simply dummy text of the printing and typesetting\n          industry.\n        </div>\n        <div class=\"flex justify-center\">\n          <div class=\"relative text-5xl font-semibold mt-8 mx-auto\">\n            120\n            <span\n              class=\"absolute text-2xl top-0 right-0 text-gray-500 -mr-4 mt-1\"\n              >$</span\n            >\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"button button--lg block text-white bg-theme-1 rounded-full mx-auto mt-8\"\n        >\n          PURCHASE NOW\n        </button>\n      </div>\n    </div>\n    <!-- END: Pricing Layout -->\n    <!-- BEGIN: Pricing Layout -->\n    <div class=\"intro-y box flex flex-col lg:flex-row mt-5\">\n      <div class=\"intro-y flex-1 px-5 py-16\">\n        <ActivityIcon\n          class=\"w-12 h-12 text-theme-1 dark:text-theme-10 mx-auto\"\n        />\n        <div class=\"text-xl font-medium text-center mt-10\">Basic Plan</div>\n        <div class=\"text-gray-700 dark:text-gray-600 text-center mt-5\">\n          1 Domain <span class=\"mx-1\">•</span> 10 Users\n          <span class=\"mx-1\">•</span> 20 Copies\n        </div>\n        <div\n          class=\"text-gray-600 dark:text-gray-400 px-10 text-center mx-auto mt-2\"\n        >\n          Lorem Ipsum is simply dummy text of the printing and typesetting\n          industry.\n        </div>\n        <div class=\"flex justify-center\">\n          <div class=\"relative text-5xl font-semibold mt-8 mx-auto\">\n            35\n            <span\n              class=\"absolute text-2xl top-0 right-0 text-gray-500 -mr-4 mt-1\"\n              >$</span\n            >\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"button button--lg block text-white bg-theme-1 rounded-full mx-auto mt-8\"\n        >\n          PURCHASE NOW\n        </button>\n      </div>\n      <div\n        class=\"intro-y border-b border-t lg:border-b-0 lg:border-t-0 flex-1 px-5 lg:border-l lg:border-r border-gray-200 dark:border-dark-5 py-16\"\n      >\n        <BoxIcon class=\"w-12 h-12 text-theme-1 dark:text-theme-10 mx-auto\" />\n        <div class=\"text-xl font-medium text-center mt-10\">Business</div>\n        <div class=\"text-gray-700 dark:text-gray-600 text-center mt-5\">\n          1 Domain <span class=\"mx-1\">•</span> 10 Users\n          <span class=\"mx-1\">•</span> 20 Copies\n        </div>\n        <div\n          class=\"text-gray-600 dark:text-gray-400 px-10 text-center mx-auto mt-2\"\n        >\n          Lorem Ipsum is simply dummy text of the printing and typesetting\n          industry.\n        </div>\n        <div class=\"flex justify-center\">\n          <div class=\"relative text-5xl font-semibold mt-8 mx-auto\">\n            60\n            <span\n              class=\"absolute text-2xl top-0 right-0 text-gray-500 -mr-4 mt-1\"\n              >$</span\n            >\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"button button--lg block text-white bg-theme-1 rounded-full mx-auto mt-8\"\n        >\n          PURCHASE NOW\n        </button>\n      </div>\n      <div class=\"intro-y flex-1 px-5 py-16\">\n        <SendIcon class=\"w-12 h-12 text-theme-1 dark:text-theme-10 mx-auto\" />\n        <div class=\"text-xl font-medium text-center mt-10\">Enterprise</div>\n        <div class=\"text-gray-700 dark:text-gray-600 text-center mt-5\">\n          1 Domain <span class=\"mx-1\">•</span> 10 Users\n          <span class=\"mx-1\">•</span> 20 Copies\n        </div>\n        <div\n          class=\"text-gray-600 dark:text-gray-400 px-10 text-center mx-auto mt-2\"\n        >\n          Lorem Ipsum is simply dummy text of the printing and typesetting\n          industry.\n        </div>\n        <div class=\"flex justify-center\">\n          <div class=\"relative text-5xl font-semibold mt-8 mx-auto\">\n            120\n            <span\n              class=\"absolute text-2xl top-0 right-0 text-gray-500 -mr-4 mt-1\"\n              >$</span\n            >\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          class=\"button button--lg block text-white bg-theme-1 rounded-full mx-auto mt-8\"\n        >\n          PURCHASE NOW\n        </button>\n      </div>\n    </div>\n    <!-- END: Pricing Layout -->\n  </div>\n</template>\n","import { render } from \"./Main.vue?vue&type=template&id=9cd15d66\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}