{"version":3,"sources":["webpack:///./src/views/Login.vue?79eb","webpack:///./src/views/Login.vue","webpack:///./src/views/Login.vue?a459"],"names":["class","action","_createElementVNode","type","name","id","placeholder","required","for","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createVNode","_component_fa","icon","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","script","__exports__","render"],"mappings":"gHAAA,W,kECCWA,MAAM,iB,GACRA,MAAM,Y,GACHC,OAAO,I,EACXC,eAAc,UAAV,SAAK,G,GACJF,MAAM,Y,EAETE,eAA2D,SAApDC,KAAK,QAAQC,KAAK,GAAGC,GAAG,GAAGC,YAAY,IAAIC,SAAA,I,WAClDL,eAA2B,SAApBM,IAAI,IAAG,SAAK,G,GAEhBR,MAAM,Y,EAETE,eAA8D,SAAvDC,KAAK,WAAWC,KAAK,GAAGC,GAAG,GAAGC,YAAY,IAAIC,SAAA,I,WACrDL,eAA8B,SAAvBM,IAAI,IAAG,YAAQ,G,mVAZ9BC,eA2BU,UA3BVC,EA2BU,CA1BRR,eAyBM,MAzBNS,EAyBM,CAxBJT,eAuBO,OAvBPU,EAuBO,CAtBLC,EACAX,eAIM,MAJNY,EAIM,CAHJC,eAAsBC,GAAlBC,KAAK,aACTC,EACAC,IAEFjB,eAIM,MAJNkB,EAIM,CAHJL,eAAkBC,GAAdC,KAAK,SACTI,EACAC,IAEFC,Q,mCCdR,MAAMC,EAAS,GAKTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAASE,KAErD,gB","file":"js/chunk-d4fcb2ea.906f7caf.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Login.vue?vue&type=style&index=0&id=a0949edc&lang=css\"","<template>\n  <section class=\"login-section\">\n    <div class=\"form-box\">\n      <form action=\"\">\n        <h2>Login</h2>\n        <div class=\"inputbox\">\n          <fa icon=\"envelope\" />\n          <input type=\"email\" name=\"\" id=\"\" placeholder=\" \" required>\n          <label for=\"\">Email</label>\n        </div>\n        <div class=\"inputbox\">\n          <fa icon=\"lock\" />\n          <input type=\"password\" name=\"\" id=\"\" placeholder=\" \" required>\n          <label for=\"\">Password</label>\n        </div>\n        <div class=\"forget\">\n          <label for=\"\">\n            <input type=\"checkbox\" name=\"\" id=\"\">\n            Ingat saya\n          </label>\n          <a href=\"#\">Lupa password?</a>\n        </div>\n        <button class=\"form-button\">Masuk</button>\n        <div class=\"register\">\n          <p>Tidak memiliki akun? <a href=\"#\">Daftar</a></p>\n        </div>\n      </form>\n    </div>\n  </section>\n</template>\n\n<script>\n\n</script>\n\n<style>\n.login-section {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n.form-box {\n  position: relative;\n  display: flex;\n  width: 90%;\n  height: 45rem;\n  background-color: #e4e2e0;\n  border: 2px solid rgba(0, 0, 0, 0.2);\n  border-radius: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.form-box form {\n  width: 85%;\n}\n.form-box form h2 {\n  font-size: 2.4rem;\n  text-align: center;\n}\n.inputbox {\n  position: relative;\n  margin: 3rem 0;\n  border-bottom: 2px solid #fff;\n}\n.inputbox svg {\n  position: absolute;\n  right: 8px;\n  color: #107c5c;\n  font-size: 1.4rem;\n  top: 1.6rem;\n}\n.inputbox input {\n  width: 100%;\n  height: 5rem;\n  background-color: transparent;\n  border: none;\n  outline: none;\n  font-size: 1.4rem;\n  padding: 0 35px 0 5px;\n}\n.inputbox input:focus ~ label,\n.inputbox input:not(:placeholder-shown) ~ label {\n  top: -5px;\n}\n.inputbox label {\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  font-size: 1.4rem;\n  pointer-events: none;\n  transition: .25s all ease;\n}\n.forget {\n  margin-bottom: 2rem;\n  font-size: 1.2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 5rem;\n}\n.forget label {\n  display: flex;\n  align-items: center;\n}\n.forget label input {\n  margin-right: 4px;\n}\n.forget a {\n  text-decoration: none;\n  color: #2a2b26;\n}\n.forget a:hover {\n  text-decoration: underline;\n}\n.form-button {\n  width: 100%;\n  height: 3rem;\n  border-radius: 12px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  font-size: 1.3rem;\n  font-weight: 600;\n}\n.register {\n  font-size: 1.2rem;\n  text-align: center;\n  margin-top: 2rem;\n}\n.register p a {\n  text-decoration: none;\n  color: #2a2b26;\n  font-weight: 500;\n}\n.register p a:hover {\n  text-decoration: underline;\n}\n\n@media (min-width: 450px) {\n  .form-box {\n    max-width: 40rem;\n  }\n}\n</style>","import { render } from \"./Login.vue?vue&type=template&id=a0949edc\"\nconst script = {}\n\nimport \"./Login.vue?vue&type=style&index=0&id=a0949edc&lang=css\"\n\nimport exportComponent from \"/var/www/santanu-main/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}