{"version":3,"sources":["webpack:///./src/components/services/virtual/index.vue","webpack:///src/components/services/virtual/index.vue","webpack:///./src/components/services/virtual/index.vue?de85","webpack:///./src/components/services/virtual/index.vue?19fb","webpack:///./src/components/services/virtual/index.vue?9613"],"names":["render","_vm","this","_c","_self","staticClass","attrs","sizes","indexOf","options","size","length","on","newval","undefined","getProducts","description","key","name","_l","properties","val","GROUP","_v","_s","_f","$t","TITLE","_e","fetchLoading","model","value","domain","callback","$$v","$set","expression","staticStyle","period","periods","title","count","style","pricing","suffix","orderConfirm","modal","confirmCreate","sendloading","orderClickHandler","cancel","goToInvoice","e","target","checked","addfunds","visible","amount","hideModal","staticRenderFns","components","addFunds","data","products","confirmLoading","methods","fetch","$api","get","baseURL","then","res","sort","a","b","map","el","replace","Object","keys","filter","match","catch","err","console","error","finally","info","billingcycle","pid","userid","user","client_id","$store","commit","$route","type","cost","dispatch","createVirtual","$router","push","params","result","uuid","invoiceid","checkBalance","$message","h","$createElement","sum","balance","parseFloat","$confirm","content","onOk","Math","ceil","computed","getters","created","component"],"mappings":"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","file":"js/chunk-a0712240.26865a09.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"order_wrapper\"},[_c('div',{staticClass:\"order\"},[_c('div',{staticClass:\"order__inputs order__field\"},[_c('div',{staticClass:\"order_option\"},[_c('a-slider',{attrs:{\"marks\":{..._vm.sizes},\"value\":_vm.sizes.indexOf(_vm.options.size),\"tip-formatter\":null,\"max\":_vm.sizes.length-1,\"min\":0},on:{\"change\":(newval) => _vm.options.size = _vm.sizes[newval]}}),[_c('transition',{attrs:{\"name\":\"specs\",\"mode\":\"out-in\"}},[(_vm.getProducts.description != undefined)?_c('table',{key:_vm.getProducts.name,staticClass:\"product__specs\"},_vm._l((_vm.getProducts.description.properties),function(val){return _c('tr',{key:val.GROUP},[_c('td',[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t('virtual_product.'+val.GROUP))))]),_c('td',[_vm._v(_vm._s((val.TITLE === 'Не ограничен') ? _vm.$t('virtual_product.unlimited') : val.TITLE))])])}),0):_vm._e()])],_c('a-row',{staticClass:\"order__prop\"},[_c('a-col',{attrs:{\"span\":\"8\",\"xs\":6}},[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t('ssl_product.domain')))+\":\")]),_c('a-col',{attrs:{\"span\":\"16\",\"xs\":18}},[(!_vm.fetchLoading)?_c('a-input',{attrs:{\"placeholder\":\"example.com\"},model:{value:(_vm.options.domain),callback:function ($$v) {_vm.$set(_vm.options, \"domain\", $$v)},expression:\"options.domain\"}}):_c('div',{staticClass:\"loadingLine\"})],1)],1)],2)]),_c('div',{staticClass:\"order__calculate order__field\"},[_c('a-row',{staticStyle:{\"margin-top\":\"20px\"},attrs:{\"type\":\"flex\",\"justify\":\"space-around\"}},[_c('a-col',{staticStyle:{\"font-size\":\"1rem\"},attrs:{\"xs\":10,\"sm\":6,\"lg\":12}},[_vm._v(\" \"+_vm._s(_vm.$t('Pay period'))+\": \")]),_c('a-col',{attrs:{\"xs\":12,\"sm\":18,\"lg\":12}},[(!_vm.fetchLoading)?_c('a-select',{staticStyle:{\"width\":\"100%\"},model:{value:(_vm.options.period),callback:function ($$v) {_vm.$set(_vm.options, \"period\", $$v)},expression:\"options.period\"}},_vm._l((_vm.periods),function(period){return _c('a-select-option',{key:period.title+period.count,attrs:{\"value\":period}},[_vm._v(\" \"+_vm._s(_vm.$t(period))+\" \")])}),1):_c('div',{staticClass:\"loadingLine\"})],1)],1),_c('a-divider',{style:({'margin-bottom': '0'}),attrs:{\"orientation\":\"left\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Total'))+\": \")]),_c('a-row',{style:({'font-size': '1.5rem'}),attrs:{\"type\":\"flex\",\"justify\":\"space-around\"}},[_c('a-col',[_c('transition',{attrs:{\"name\":\"textchange\",\"mode\":\"out-in\"}},[(!_vm.fetchLoading)?_c('div',[_vm._v(\" \"+_vm._s(_vm.getProducts.pricing[_vm.options.period])+\" \"+_vm._s(_vm.getProducts.pricing.suffix)+\" \")]):_c('div',{staticClass:\"loadingLine loadingLine--total\"})])],1)],1),_c('a-row',{staticStyle:{\"margin-top\":\"24px\",\"margin-bottom\":\"10px\"},attrs:{\"type\":\"flex\",\"justify\":\"space-around\"}},[_c('a-col',{attrs:{\"span\":22}},[_c('a-button',{attrs:{\"type\":\"primary\",\"block\":\"\",\"shape\":\"round\"},on:{\"click\":_vm.orderConfirm}},[_vm._v(\" \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(\"order\")))+\" \")]),_c('a-modal',{attrs:{\"title\":_vm.$t('Confirm'),\"visible\":_vm.modal.confirmCreate,\"confirm-loading\":_vm.sendloading,\"cancel-text\":_vm.$t('Cancel')},on:{\"ok\":_vm.orderClickHandler,\"cancel\":() => {_vm.modal.confirmCreate = false}}},[_c('p',[_vm._v(_vm._s(_vm.$t('order_services.Do you want to order'))+\": \"+_vm._s(_vm.getProducts['name']))]),_c('a-row',{staticStyle:{\"margin-top\":\"20px\"}},[_c('a-col',[_c('a-checkbox',{attrs:{\"checked\":_vm.modal.goToInvoice},on:{\"change\":(e) => _vm.modal.goToInvoice = e.target.checked}}),_vm._v(\" \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t('go to invoice')))+\" \")],1)],1)],1)],1)],1),(_vm.addfunds.visible)?_c('add-funds',{attrs:{\"sum\":_vm.addfunds.amount,\"modalVisible\":_vm.addfunds.visible,\"hideModal\":() => _vm.addfunds.visible = false}}):_vm._e()],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"order_wrapper\">\n\t\t<div class=\"order\">\n\t\t\t<div class=\"order__inputs order__field\">\n\n\t\t\t\t<div class=\"order_option\">\n\n\t\t\t\t\t<a-slider\n\t\t\t\t\t\t:marks=\"{...sizes}\"\n\t\t\t\t\t\t:value=\"sizes.indexOf(options.size)\"\n\t\t\t\t\t\t:tip-formatter=\"null\"\n\t\t\t\t\t\t:max=\"sizes.length-1\"\n\t\t\t\t\t\t:min=\"0\"\n\t\t\t\t\t\t@change=\"(newval) => options.size = sizes[newval]\"\n\t\t\t\t\t>\n\t\t\t\t\t</a-slider>\n\n\t\t\t\t\t<template>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<transition name=\"specs\" mode=\"out-in\">\n\t\t\t\t\t\t\t<table v-if=\"getProducts.description != undefined\" class=\"product__specs\" :key=\"getProducts.name\">\n\t\t\t\t\t\t\t\t<tr v-for=\"val in getProducts.description.properties\" :key=\"val.GROUP\">\n\t\t\t\t\t\t\t\t\t<td>{{$t('virtual_product.'+val.GROUP) | capitalize}}</td>\n\t\t\t\t\t\t\t\t\t<td>{{(val.TITLE === 'Не ограничен') ? $t('virtual_product.unlimited') : val.TITLE}}</td>\n\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t</transition>\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<a-row class=\"order__prop\">\n\t\t\t\t\t\t<a-col span=\"8\" :xs=\"6\">{{$t('ssl_product.domain') | capitalize}}:</a-col>\n\t\t\t\t\t\t<a-col span=\"16\" :xs=\"18\">\n\t\t\t\t\t\t\t<a-input v-if=\"!fetchLoading\" v-model=\"options.domain\" placeholder=\"example.com\"></a-input>\n\t\t\t\t\t\t\t<div v-else class=\"loadingLine\"></div>\n\t\t\t\t\t\t</a-col>\n\t\t\t\t\t</a-row>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t\n\t\t\t<div class=\"order__calculate order__field\">\n\n\t\t\t\t<a-row type=\"flex\" justify=\"space-around\" style=\"margin-top: 20px\">\n\t\t\t\t\t<a-col :xs=\"10\" :sm=\"6\" :lg='12' style=\"font-size: 1rem\">\n\t\t\t\t\t\t{{$t('Pay period')}}:\n\t\t\t\t\t</a-col>\n\n\t\t\t\t\t<a-col :xs=\"12\" :sm=\"18\" :lg='12'>\n\t\t\t\t\t\t<a-select v-if=\"!fetchLoading\" v-model=\"options.period\"  style=\"width: 100%\">\n\t\t\t\t\t\t\t<a-select-option v-for=\"period in periods\" :key=\"period.title+period.count\" :value='period'>\n\t\t\t\t\t\t\t\t{{$t(period)}}\n\t\t\t\t\t\t\t</a-select-option>\n\t\t\t\t\t\t</a-select>\n\t\t\t\t\t\t<div v-else class=\"loadingLine\"></div>\n\t\t\t\t\t</a-col>\n\t\t\t\t</a-row>\n\t\t\t\t\n\t\t\t\t<a-divider orientation=\"left\" :style=\"{'margin-bottom': '0'}\">\n\t\t\t\t\t{{$t('Total')}}:\n\t\t\t\t</a-divider>\n\n\t\t\t\t<a-row type=\"flex\" justify=\"space-around\" :style=\"{'font-size': '1.5rem'}\">\n\t\t\t\t\t<a-col>\n\t\t\t\t\t\t<transition name=\"textchange\" mode=\"out-in\">\n\t\t\t\t\t\t\t<div v-if=\"!fetchLoading\">\n\t\t\t\t\t\t\t\t{{getProducts.pricing[options.period]}} {{getProducts.pricing.suffix}}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div v-else class=\"loadingLine loadingLine--total\"></div>\n\t\t\t\t\t\t</transition>\n\t\t\t\t\t</a-col>\n\t\t\t\t</a-row>\n\n\t\t\t\t<a-row type=\"flex\" justify=\"space-around\" style=\"margin-top: 24px; margin-bottom: 10px\">\n\t\t\t\t\t<a-col :span=\"22\">\n\t\t\t\t\t\t<a-button type=\"primary\" block shape=\"round\" @click=\"orderConfirm\">\n\t\t\t\t\t\t\t{{$t(\"order\") | capitalize}}\n\t\t\t\t\t\t</a-button>\n\t\t\t\t\t\t<a-modal\n\t\t\t\t\t\t\t:title=\"$t('Confirm')\"\n\t\t\t\t\t\t\t:visible=\"modal.confirmCreate\"\n\t\t\t\t\t\t\t:confirm-loading=\"sendloading\"\n\t\t\t\t\t\t\t:cancel-text=\"$t('Cancel')\"\n\t\t\t\t\t\t\t@ok=\"orderClickHandler\"\n\t\t\t\t\t\t\t@cancel=\"() => {modal.confirmCreate = false}\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p>{{$t('order_services.Do you want to order')}}: {{getProducts['name']}}</p>\n\n\t\t\t\t\t\t\t<a-row style=\"margin-top: 20px\">\n\t\t\t\t\t\t\t\t<a-col>\n\t\t\t\t\t\t\t\t\t<a-checkbox :checked=\"modal.goToInvoice\" @change=\"(e) => modal.goToInvoice = e.target.checked\"/> {{$t('go to invoice') | capitalize}}\n\t\t\t\t\t\t\t\t</a-col>\n\t\t\t\t\t\t\t</a-row>\n\t\t\t\t\t\t</a-modal>\n\t\t\t\t\t</a-col>\n\t\t\t\t</a-row>\n\n        <add-funds\n          v-if=\"addfunds.visible\"\n          :sum=\"addfunds.amount\"\n          :modalVisible=\"addfunds.visible\"\n          :hideModal=\"() => addfunds.visible = false\"\n        />\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport addFunds from '@/components/balance/addFunds.vue';\n\nexport default {\n  name: 'ssl-component',\n  components: { addFunds },\n\tdata:() => ({\n    sizes: [],\n    products: [],\n    fetchLoading: false,\n    sendloading: false,\n    options: {\n      size: '',\n      domain: '',\n      period: ''\n    },\n    modal: {\n      confirmCreate: false,\n      confirmLoading: false,\n      goToInvoice: true\n    },\n    addfunds: { visible: false, amount: 0 },\n    periods: []\n\t}),\n\tmethods: {\n\t\tfetch(){\n\t\t\tthis.fetchLoading = true;\n\t\t\tthis.$api.get(`${this.baseURL}/products.get.virtual.php`)\n        .then(res => {\n          res = res.sort((a, b) => b.name - a.name)\n          this.products = res;\n          this.sizes = res.map(el => el.name.replace(/Виртуальный хостинг |Host /gi, ''));\n          this.options.size = this.sizes[1];\n          this.periods = Object.keys(res[0].pricing).filter(el => !el.match(/fix/));\n          this.options.period = this.periods[1];\n        })\n        .catch(err => console.error(err))\n        .finally(() => {\n          this.fetchLoading = false;\n        })\n\t\t},\n\t\torderClickHandler(){\n\t\t\tconst info = {\n\t\t\t\tdomain: this.options.domain,\n\t\t\t\tbillingcycle: this.options.period,\n\t\t\t\tpid: this.getProducts.pid,\n        userid: this.user.client_id\n\t\t\t}\n\n\t\t\tif(!this.user){\n\t\t\t\tthis.$store.commit('setOnloginRedirect', this.$route.name);\n\t\t\t\tthis.$store.commit('setOnloginInfo', {\n\t\t\t\t\ttype: 'IaaS',\n\t\t\t\t\ttitle: 'Virtual Hosting',\n\t\t\t\t\tcost: this.getProducts.pricing[this.options.period]\n\t\t\t\t});\n\t\t\t\tthis.$store.dispatch('setOnloginAction', () => {\n\t\t\t\t\tthis.createVirtual(info);\n\t\t\t\t});\n\t\t\t\tthis.$router.push({name: 'login'});\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.createVirtual(info);\n\t\t},\n\t\tcreateVirtual(info){\n\t\t\tthis.sendloading = true;\n\t\t\tthis.$api.get(`${this.baseURL}/createOrder.php`, { params: info })\n        .then((result) => {\n          if (this.modal.goToInvoice){\n            this.$router.push({ name: 'invoiceFS', params: { uuid: result.invoiceid } });\n          } else {\n            this.$router.push({ name: 'services' });\n          }\n        })\n        .catch(err => console.error(err))\n        .finally(() => {\n          this.sendloading = false;\n        });\n\t\t},\n\t\torderConfirm(){\n\t\t\tif(!this.options.domain.match(/.+\\..+/)){\n\t\t\t\tthis.$message.error(this.$t('domain is wrong'));\n\t\t\t\treturn\n\t\t\t}\n      if (!this.checkBalance()) return;\n\t\t\tthis.modal.confirmCreate = true;\n\t\t},\n    checkBalance() {\n      const sum = this.getProducts.pricing[this.options.period];\n\n      if (this.user.balance < parseFloat(sum)) {\n        this.$confirm({\n          title: this.$t('You do not have enough funds on your balance.'),\n          content: () => (\n            <div>{ this.$t('Click OK to replenish the account with the missing amount') }</div>\n          ),\n          onOk: () => {\n            this.addfunds.amount = Math.ceil(parseFloat(sum) - this.user.balance);\n            this.addfunds.visible = true;\n          }\n        });\n        return false;\n      }\n      return true;\n    }\n\t},\n\tcomputed: {\n\t\tgetProducts() {\n\t\t\tif(Object.keys(this.products).length == 0) return \"NAN\"\n\t\t\treturn this.products[this.sizes.indexOf(this.options.size)]\n\t\t},\n    user() {\n      return this.$store.getters['nocloud/auth/billingData'];\n    },\n    baseURL() {\n      return this.$store.getters['products/getURL'];\n    }\n\t},\n\tcreated(){\n\t\tthis.$store.dispatch('nocloud/auth/fetchBillingData');\n\t\tthis.fetch();\n\t}\n}\n</script>\n\n<style>\n.order_wrapper{\n\tposition: relative;\n\twidth: 100%;\n\tmin-height: 100%;\n}\n\n.order{\n\tposition: absolute;\n\tmargin-top: 15px;\n\tmargin-bottom: 15px;\n\twidth: 100%;\n\tmax-width: 1024px;\n\tleft: 50%;\n\ttransform: translateX(-50%);\n\tdisplay: flex;\n}\n\n.product__specs{\n\t--color: rgb(126, 126, 126);\n\tcolor: var(--color);\n\tmargin: 0 auto;\n\t--border-color: #dbdbdb;\n\t--border-line-weight: 1px;\n\t--border-line-type: solid;\n\twidth: 80%;\n\tfont-size: 1.2rem;\n}\n\n.product__specs td{\n\tpadding: 10px 20px;\n\tposition: relative;\n}\n\n.product__specs td:nth-child(1){\n\tfont-weight: 500;\n}\n\n.product__specs td:nth-child(2){\n\ttext-align: right;\n\tcolor: rgba(0, 0, 0, .7)\n}\n\n.product__specs tr{\n\tborder-bottom: var(--border-line-weight) var(--border-line-type) var(--border-color);\n}\n\n.product__specs td:last-child::before{\n\tcontent: '';\n\twidth: 2px;\n\theight: 50%;\n\tbackground: #f5f5f5;\n\tdisplay: block;\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n}\n\n.order__prop:not(:first-child){\n\tmargin-top: 15px;\n}\n\n.order__inputs{\n\tmargin-right: 20px;\n\twidth: 72%;\n}\n\n.order__field{\n\tborder-radius: 20px;\n\tbox-shadow:\n\t\t5px 8px 10px rgba(0, 0, 0, .08),\n\t\t0px 0px 12px rgba(0, 0, 0, .05);\n\tpadding: 20px;\n\tbackground-color: #fff;\n\theight: max-content;\n}\n\n.order__calculate{\n\twidth: 28%;\n\tfont-size: 1.1rem;\n\tpadding: 10px 15px 10px;\n}\n\n.order__field-header{\n\ttext-align: center;\n\tfont-size: 1.2rem;\n\tfont-weight: bold;\n\tmargin-bottom: 20px;\n}\n\n.order__template{\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n}\n\n.order__template.one-line{\n\tflex-wrap: nowrap;\n\tjustify-content: space-between;\n}\n\n.order__template-item{\n\twidth: 116px;\n\tmargin-bottom: 10px;\n\tbackground-color: #fff;\n\tbox-shadow:\n\t\t3px 2px 6px rgba(0, 0, 0, .08),\n\t\t0px 0px 8px rgba(0, 0, 0, .05);\n\tborder-radius: 15px;\n\ttransition: box-shadow .2s ease, transform .2s ease;\n\tcursor: pointer;\n\ttext-align: center;\n\toverflow: hidden;\n\n\tdisplay: grid;\n\tgrid-template-columns: 1fr;\n\tgrid-template-rows: max-content auto;\n}\n\n.order__template-item:not(:last-child){\n\tmargin-right: 10px;\n}\n\n.order__template-item:hover{\n\tbox-shadow:\n\t\t5px 8px 10px rgba(0, 0, 0, .08),\n\t\t0px 0px 12px rgba(0, 0, 0, .05);\n}\n\n.order__template-item.active{\n\tbox-shadow:\n\t\t5px 8px 12px rgba(0, 0, 0, .08),\n\t\t0px 0px 13px rgba(0, 0, 0, .05);\n\ttransform: scale(1.02);\n}\n\n.order__template-image{\n\tpadding: 10px;\n}\n\n.order__template-image__rate{\n\tfont-size: 2rem;\n}\n\n.order__template-name{\n\tpadding: 10px;\n}\n\n.order__template-item.active .order__template-name{\n\tbackground-color: var(--main);\n\tcolor: var(--bright_font);\n}\n\n.max-width{\n\twidth: 100%;\n}\n\n.ant-collapse-item:last-of-type .ant-collapse-content{\n\tborder-radius: 0 0 28px 28px;\n}\n\n.slider_btn{\n\tcursor: pointer;\n}\n\n.removeMarginSkeleton .ant-skeleton-title{\n\tmargin: 0;\n\tmargin-top: 4px;\n}\n\n.removeMarginSkeleton{\n\tmin-width: 75px;\n}\n\n.total.removeMarginSkeleton{\n\twidth: 100%;\n}\n\n.order__slider{\n\tdisplay: flex;\n\toverflow-x: auto;\n}\n\n.order__slider-item:not(:last-child){\n\tmargin-right: 10px;\n}\n\n.order__slider-item{\n\tflex-shrink: 0;\n\t/* border: 1px solid rgba(0, 0, 0, .15); */\n\tbox-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 150px;\n\theight: 70px;\n\tcursor: pointer;\n\tborder-radius: 15px;\n\tfont-size: 1.1rem;\n\ttransition: background-color .2s ease, color .2s ease, box-shadow .2s ease;\n}\n\n.order__slider-item:hover{\n\tbox-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);\n}\n\n.order__slider-item--active{\n\tbackground-color: var(--main);\n\tcolor: #fff;\n}\n\n\n.order__slider-item--loading{\n\t/* background-color: #f2f2f2; */\n\tbox-shadow: none;\n\t/* animation: glowing .5s ease infinite; */\n\tanimation-name: glowing;\n\tanimation-duration: 1s;\n\tanimation-timing-function: ease;\n\tanimation-iteration-count: infinite;\n\tanimation-direction: alternate;\n}\n\n.loadingLine{\n\tmin-width: 100px;\n\twidth: 100%;\n\theight: 2rem;\n\tborder-radius: 4px;\n\tanimation-name: glowing;\n\tanimation-duration: 1s;\n\tanimation-timing-function: ease;\n\tanimation-iteration-count: infinite;\n\tanimation-direction: alternate;\n}\n\n.loadingLine--total{\n\tmargin-top: 10px;\n\theight: 26px;\n}\n\n@keyframes glowing {\n\tfrom {\n\t\tbackground-color: #f2f2f2;\n\t}\n\tto {\n\t\tbackground-color: #e9e9e9;\n\t\t/* background-color: red; */\n\t}\n}\n\n@media screen and (max-width: 1024px) {\n\t.order{\n\t\tflex-direction: column;\n\t\tpadding: 10px;\n\t\tmargin-top: 0px;\n\t\toverflow: auto;\n\t}\n\t.order__inputs{\n\t\tmargin: 0;\n\t\tborder-radius: 20px 20px 0 0;\n\t\twidth: auto;\n\t}\n\t.order__field{\n\t\tbox-shadow: none;\n\t\tflex-grow: 0;\n\t}\n\t.order__calculate{\n\t\tborder-radius: 0 0 20px 20px;\n\t\twidth: auto;\n\t}\n}\n\n@media screen and (max-width: 576px) {\n\t.order__template{\n\t\tflex-direction: column;\n\t\tflex-wrap: nowrap;\n\t\talign-items: stretch;\n\t}\n\t.order__template-item{\n\t\tgrid-template-columns: max-content auto;\n\t\tgrid-template-rows: 1fr;\n\t\twidth: auto;\n\t\theight: 50px;\n\t}\n\t.order__template-item:not(:last-child){\n\t\tmargin-right: 0px;\n\t}\n\t.order__template-image{\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tpadding: 4px;\n\t}\n\t.order__template-image__rate{\n\t\tline-height: 42px;\n\t\tfont-size: 1.4rem;\n\t}\n\t.order__template-image img{\n\t\tobject-fit: contain;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\t.order__template-name{\n\t\ttext-align: left;\n\t\tline-height: 30px;\n\t\tdisplay: flex;\n\t}\n\t.order__template-type{\n\t\twidth: 56px;\n\t}\n\t.order__template-name ul{\n\t\tdisplay: flex;\n\t\tjustify-content: space-around;\n\t\tlist-style: none;\n\t\tflex: 1\n\t}\n\t.order__template-name ul li{\n\t\tmargin-left: 20px;\n\t}\n}\n\n.specs-enter-active,\n.specs-leave-active {\n  transition: all .15s ease;\n}\n\n.specs-enter{\n  transform: translateX(-1em);\n  opacity: 0;\n}\n\n.specs-leave-to{\n  transform: translateX(1em);\n  opacity: 0;\n}\n\n\n.textchange-enter-active,\n.textchange-leave-active {\n  transition: all .15s ease;\n}\n\n.textchange-enter{\n  transform: translateY(-0.5em);\n  opacity: 0;\n}\n\n.textchange-leave-to{\n  transform: translateY(0.5em);\n  opacity: 0;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=348fbc2a&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=348fbc2a&prod&lang=css&\"\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","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/lib/loaders/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/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=348fbc2a&prod&lang=css&\""],"sourceRoot":""}