{"version":3,"sources":["webpack:///./src/components/photo-upload/Tooltips.vue?0d5d","webpack:///./src/components/photo-upload/Tooltips.vue?0287","webpack:///src/components/photo-upload/Tooltips.vue","webpack:///./src/components/photo-upload/Tooltips.vue?4c65","webpack:///./src/components/photo-upload/Tooltips.vue"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","_v","name","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACR,EAAIS,GAAG,oDAAoDJ,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACR,EAAIS,GAAG,0BAA0BJ,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACR,EAAIS,GAAG,qBAAqBJ,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACR,EAAIS,GAAG,gBAAgBJ,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACR,EAAIS,GAAG,4BCStgB,GACEC,KAAM,YCXyV,I,wBCQ7VC,EAAY,eACd,EACAZ,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAI,E","file":"js/chunk-47c20a42.9626f9a7.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltips.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tool-tips\"},[_c('div',{staticClass:\"tool-tip tip-general\"},[_vm._v(\"Align the car as close as you can to the guide\")]),_c('div',{staticClass:\"tool-tip tip-body\"},[_vm._v(\"Change Car Body Type\")]),_c('div',{staticClass:\"tool-tip tip-close\"},[_vm._v(\"Exit Photo Mode\")]),_c('div',{staticClass:\"tool-tip tip-shoot\"},[_vm._v(\"Take Photo\")]),_c('div',{staticClass:\"tool-tip tip-angle\"},[_vm._v(\"Change Photo Angle\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"tool-tips\">\n        <div class=\"tool-tip tip-general\">Align the car as close as you can to the guide</div>\n        <div class=\"tool-tip tip-body\">Change Car Body Type</div>\n        <div class=\"tool-tip tip-close\">Exit Photo Mode</div>\n        <div class=\"tool-tip tip-shoot\">Take Photo</div>\n        <div class=\"tool-tip tip-angle\">Change Photo Angle</div>\n    </div>\n</template>\n<script>\nexport default {\n  name: 'Tooltips',\n}\n</script>\n<style lang=\"scss\">\n.tool-tip {\n    position: absolute;\n    background: #2BB673;\n    border: 2px solid #FFFFFF;\n    border-radius: 20.5px;\n    text-align: center;\n    line-height: 30px;\n    z-index: 1800;\n    text-orientation: mixed;\n    -ms-writing-mode: tb-rl;\n    writing-mode: vertical-rl;\n    font-family: \"Avenir Next LT W05 Demi\";\n    color: #ffffff;\n}\n// General tip\n.tip-general {\n    height: 365px;\n    width: 35px;\n    left: 5px;\n    top: 5px;\n}\n// Body type tip\n.tip-body {\n    height: 250px;\n    width: 35px;\n    left: 70px;\n    bottom: 100px;\n}\n.tip-body:before,\n.tip-body:after,\n.tip-shoot:before,\n.tip-shoot:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    width: 0;\n    z-index: 1;\n    border-style: solid;\n    border-color: #2BB673 transparent;\n    border-width: 22px 12px 0;\n    bottom: -11px;\n    left: 50%;\n    margin-left: -12px;\n}\n.tip-body:before, .tip-shoot:before {\n    border-color: #ffffff transparent;\n    border-width: 22px 12px 0;\n    bottom: -18px;\n    left: 50%;\n    margin-left: -12px;\n}\n// Shoot tip\n.tip-shoot {\n    height: 170px;\n    width: 35px;\n    left: 50%;\n    bottom: 165px;\n    transform: translateX(calc(-50% + 10px));\n}\n// Close Tip\n.tip-close {\n    height: 175px;\n    width: 35px;\n    right: 35px;\n    bottom: 90px;\n}\n.tip-close:before, \n.tip-close:after {\n    content: \"\";\n    width: 0px;\n    height: 0px;\n    position: absolute;\n    border-left: 10px solid transparent;\n    border-right: 10px solid #2BB673;\n    border-top: 10px solid #2BB673;\n    border-bottom: 10px solid transparent;\n    right: 8px;\n    bottom: -12px;\n}\n.tip-close:before {\n    border-left: 10px solid transparent;\n    border-right: 10px solid #fff;\n    border-top: 10px solid #fff;\n    border-bottom: 10px solid transparent;\n    right: 6px;\n    bottom: -17px;\n}\n// Angle Tip\n.tip-angle {\n    height: 250px;\n    width: 35px;\n    right: 70px;\n    top: 50%;\n    transform: translateY(calc(-50% - 60px));\n}\n.tip-angle:before,\n.tip-angle:after {\n    content: \" \";\n    display: block;\n    position: absolute;\n    bottom: 15px;\n    right: -12px;\n    z-index: 2;\n    width: 0;\n    height: 0;\n    overflow: hidden;\n    border: solid 14px transparent;\n    border-right: 0;\n    border-left-color: #2BB673;\n}\n.tip-angle:before {\n    bottom: 15px;\n    right: -15px;\n    z-index: 1;\n    border-left-color: #ffffff;\n}\n\n@media screen and (orientation: landscape){\n.tool-tip {\n    text-orientation: unset;\n    writing-mode: unset;\n    font-size: 15px;\n    }\n    // General tip\n    .tip-general {\n    width: 365px;\n    height: 35px;\n    bottom: 5px;\n    top: unset;\n    }\n    // Body type tip\n    .tip-body {\n    right: 90px;\n    width: 250px;\n    height: 35px;\n    left: unset;\n    bottom: 75px;\n    }\n    // Shoot tip\n    .tip-shoot {\n    width: 170px;\n    height: 35px;\n    top: 50%;\n    right: 150px !important;\n    left: unset;\n    bottom: unset;\n    transform: translateY(-50%);\n    }\n    .tip-body:before,\n    .tip-body:after,\n    .tip-shoot:before,\n    .tip-shoot:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    width: 0;\n    z-index: 1;\n    border-style: solid;\n    border-color: transparent #2BB673;\n    border-width: 12px 0 10px 25px;\n    top: unset;\n    right: -12px;\n    left: unset;\n    bottom: 4px;\n    }\n    .tip-body:before, .tip-shoot:before {\n    border-color: transparent #ffffff;\n    border-width: 12px 0 9px 20px;\n    bottom: 4px;\n    right: -17px;\n    }\n    // Close tip\n    .tip-close {\n    width: 175px;\n    height: 35px;\n    bottom: unset;\n    top: 45px;\n    right: 80px;\n    }\n    .tip-close:before, \n    .tip-close:after {\n    content: \"\";\n    width: 0px;\n    height: 0px;\n    position: absolute;\n    border-left: 7px solid #2BB673;\n    border-right: 7px solid transparent;\n    border-top: 7px solid #2BB673;\n    border-bottom: 7px solid transparent;\n    right: -8px;\n    top: 9px;\n    }\n    .tip-close:before {\n    border-left: 7px solid #fff;\n    border-top: 7px solid #fff;\n    right: -13px;\n    top: 6px;\n    }\n    // Angle tip\n    .tip-angle {\n    width: 250px;\n    height: 35px;\n    top: 60px;\n    right: 50%;\n    transform: translateX(calc(50% - 60px));\n    }\n    .tip-angle:before,\n    .tip-angle:after {\n    content: \" \";\n    display: block;\n    position: absolute;\n    top: -12px;\n    right: 20px;\n    z-index: 2;\n    width: 0;\n    height: 0;\n    overflow: hidden;\n    border: solid 14px transparent;\n    border-top: 0;\n    border-bottom-color: #2BB673;\n    }\n    .tip-angle:before {\n    top: -15px;\n    z-index: 1;\n    border-bottom-color: #ffffff;\n    }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltips.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tooltips.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tooltips.vue?vue&type=template&id=1bb373c9&\"\nimport script from \"./Tooltips.vue?vue&type=script&lang=js&\"\nexport * from \"./Tooltips.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Tooltips.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}