{"version":3,"sources":["webpack:///./src/views/Profile/Settings/index.vue","webpack:///./src/views/Profile/Settings/index.vue?5103","webpack:///./src/views/Profile/Settings/index.vue?8a97","webpack:///./src/views/Profile/Settings/index.vue?5694"],"names":["class","_createElementVNode","src","alt","decoding","_hoisted_9","_createElementBlock","_hoisted_4","_Fragment","_renderList","$options","itm","url","isShow","_createVNode","_component_router_link","to","active-class","icon","_toDisplayString","title","href","onClick","_component_router_view","name","computed","isMaster","this","$store","getters","isGuest","menu","methods","logout","dispatch","LOGOUT","__exports__","render"],"mappings":"uOACMA,MAAM,Y,GACLA,MAAM,oB,GACLA,MAAM,iB,QACVC,gCAA0C,OAArCD,MAAM,iBAAgB,aAAS,I,GAChCA,MAAM,uB,SAEcA,MAAM,uB,aAOzBA,MAAM,uB,QAERC,gCAAuD,OAAlDC,IAAI,kBAAkBC,IAAI,OAAOC,SAAS,SAA/C,U,+BAAuD,W,GAAvDC,K,4JAfNC,gCA+PM,MA/PN,EA+PM,CA9PLL,gCA6PM,MA7PN,EA6PM,CA5PLA,gCAkBM,MAlBN,EAkBM,CAjBLM,EACAN,gCAeK,KAfL,EAeK,6BAdJK,gCAOWE,cAAA,KAAAC,wBAPaC,OAAPC,I,4EAAmBA,EAAIC,K,CAC7BD,EAAIE,iCAAdP,gCAKK,KALL,EAKK,CAJJQ,yBAGcC,EAAA,CAHAC,GAAE,GAAKL,EAAIC,IAAOK,eAAa,UAA7C,C,6BACC,IAAiD,CAAjDhB,gCAAiD,OAA3CC,IAAKS,EAAIO,KAAMf,IAAI,OAAOC,SAAS,SAAzC,UAAiD,iCACjDe,6BAAGR,EAAIS,OAAK,K,KAFb,gBADD,8CADD,MAQAnB,gCAKK,KALL,EAKK,CAJJA,gCAGI,KAHDoB,KAAK,GAAIC,QAAK,+CAAUZ,yBAAM,cAAEO,eAAa,UAAhD,SAQHH,yBAAeS,O,gBA0PH,OACdC,KAAM,WACNC,SAAU,CACPC,WACE,OAAOC,KAAKC,OAAOC,QAAQH,UAE7BI,UACE,OAAOH,KAAKC,OAAOC,QAAQC,SAE/BC,OACC,MAAO,CAEF,CAAEX,MAAO,8BAA+BR,IAAK,WAAYM,KAAM,qBAAsBL,QAAQ,GAC7F,CAAEO,MAAO,0BAA2BR,IAAK,iBAAkBM,KAAM,oBAAqBL,OAAQc,KAAKG,SACnG,CAAEV,MAAO,0BAA2BR,IAAK,uBAAwBM,KAAM,oBAAqBL,OAAQc,KAAKD,UACzG,CAAEN,MAAO,4BAA6BR,IAAK,UAAWM,KAAM,sBAAuBL,QAAQ,GAC3F,CAAEO,MAAO,yBAA0BR,IAAK,WAAYC,QAAQ,GAC5D,CAAEO,MAAO,+BAAgCR,IAAK,YAAaC,QAAQ,MAK1EmB,QAAS,CACRC,SACCN,KAAKC,OAAOM,SAASC,W,2CCjSxB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,yDCVf,W,6DCAA","file":"js/chunk-581d7bb0.5116a80b.js","sourcesContent":["<template>\n\t<div class=\"settings\">\n\t\t<div class=\"settings-wrapper\">\n\t\t\t<div class=\"settings-menu\">\n\t\t\t\t<div class=\"section-title\">Настройки</div>\n\t\t\t\t<ul class=\"settings-menu__list\">\n\t\t\t\t\t<template v-for=\"itm in menu\" :key=\"itm.url\">\n\t\t\t\t\t\t<li v-if=\"itm.isShow\" class=\"settings-menu__item\">\n\t\t\t\t\t\t\t<router-link :to=\"`${itm.url}`\" active-class=\"active\">\n\t\t\t\t\t\t\t\t<img :src=\"itm.icon\" alt=\"icon\" decoding=\"async\">\n\t\t\t\t\t\t\t\t{{ itm.title }}\n\t\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</template>\n\t\t\t\t\t<li class=\"settings-menu__item\">\n\t\t\t\t\t\t<a href=\"\" @click.prevent=\"logout\" active-class=\"active\">\n\t\t\t\t\t\t\t<img src=\"/images/out.svg\" alt=\"icon\" decoding=\"async\">\n\t\t\t\t\t\t\tВыйти\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\n\t\t\t<router-view />\n\n\t\t\t<!--\n\t\t\t<div class=\"settings-payment\" v-if=\"protectedCurrentStep == 5\">\n\t\t\t\t<h2 class=\"section-title\">Оплата</h2>\n\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t<button\n\t\t\t\t\t\t:class=\"{ active: activeButton === 1 }\"\n\t\t\t\t\t\t@click=\"activeButton = 1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"desktop-text\">Способы оплаты</span>\n\t\t\t\t\t\t<span class=\"mobile-text\">Оплата</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\t:class=\"{ active: activeButton === 2 }\"\n\t\t\t\t\t\t@click=\"activeButton = 2\"\n\t\t\t\t\t>\n\t\t\t\t\t\tВывод <span class=\"desktop-text\">средств</span>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\t:class=\"{ active: activeButton === 3 }\"\n\t\t\t\t\t\t@click=\"activeButton = 3\"\n\t\t\t\t\t>\n\t\t\t\t\t\tИстория <span class=\"desktop-text\">платежей</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t\t<form\n\t\t\t\t\taction=\"#\"\n\t\t\t\t\tclass=\"settings-payment__fieldset settings-payment__method\"\n\t\t\t\t\tv-if=\"activeButton === 1\"\n\t\t\t\t>\n\t\t\t\t\t<legend>Новая карта</legend>\n\t\t\t\t\t<div class=\"settings-payment__card\">\n\t\t\t\t\t\t<label for=\"card-number\">Номер карты</label>\n\t\t\t\t\t\t<input type=\"text\" id=\"card-number\" autocomplete=\"off\" />\n\t\t\t\t\t\t<div class=\"label-wrapper\">\n\t\t\t\t\t\t\t<label for=\"card-to-month\">Срок действия</label>\n\t\t\t\t\t\t\t<label for=\"card-cvc\">СVC</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"wrap\">\n\t\t\t\t\t\t\t<div class=\"period-wrapper\">\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"card-to-month\"\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span class=\"separator\">/</span>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"card-to-year\"\n\t\t\t\t\t\t\t\t\tautocomplete=\"off\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"card-cvc\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"btn settings-payment__submit-btn\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t>\n\t\t\t\t\t\tСохранить\n\t\t\t\t\t</button>\n\t\t\t\t</form>\n\t\t\t\t<form\n\t\t\t\t\tclass=\"settings-payment__withdrawal\"\n\t\t\t\t\tv-if=\"activeButton === 2\"\n\t\t\t\t>\n\t\t\t\t\t<fieldset class=\"settings-payment__fieldset\">\n\t\t\t\t\t\t<legend>Способы вывода</legend>\n\t\t\t\t\t\t<div class=\"withdrawal-img\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tsrc=\"@/assets/images/Example_4.png\"\n\t\t\t\t\t\t\t\talt=\"Изображение карты в руке\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p class=\"withdrawal-cta\">\n\t\t\t\t\t\t\tПривяжите карту. <br />\n\t\t\t\t\t\t\tЭто удобно!\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tstyle=\"width: 310px; max-width: 100%\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tПривязать карту\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</fieldset>\n\t\t\t\t\t<fieldset\n\t\t\t\t\t\tclass=\"\n\t\t\t\t\t\t\tsettings-payment__fieldset settings-payment__withdrawal\n\t\t\t\t\t\t\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<legend>Вывод средств</legend>\n\t\t\t\t\t\t<el-select\n\t\t\t\t\t\t\tclass=\"select card-select\"\n\t\t\t\t\t\t\tv-model=\"payCardsValue\"\n\t\t\t\t\t\t\tpopper-class=\"select__options-dropdown\"\n\t\t\t\t\t\t\tplaceholder=\"Выберите карту\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\t\tclass=\"select__option\"\n\t\t\t\t\t\t\t\tv-for=\"item in payCards\"\n\t\t\t\t\t\t\t\t:key=\"item.value\"\n\t\t\t\t\t\t\t\t:label=\"item.label\"\n\t\t\t\t\t\t\t\t:value=\"item.value\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</el-option>\n\t\t\t\t\t\t</el-select>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tstyle=\"width: 100%; max-width: 310px\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tПривязать другую карту\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</fieldset>\n\t\t\t\t</form>\n\t\t\t\t<form\n\t\t\t\t\tclass=\"settings-payment__transactions\"\n\t\t\t\t\tv-if=\"activeButton === 3\"\n\t\t\t\t>\n\t\t\t\t\t<h3>История платежей</h3>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass=\"transactions__search-input\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tplaceholder=\"Поиск\"\n\t\t\t\t\t/>\n\t\t\t\t\t<div class=\"transactions__wrapper\">\n\t\t\t\t\t\t<fieldset class=\"transactions__fieldset\">\n\t\t\t\t\t\t\t<legend>Операции</legend>\n\t\t\t\t\t\t\t<ul class=\"transactions__list\">\n\t\t\t\t\t\t\t\t<li class=\"transactions__item\">\n\t\t\t\t\t\t\t\t\t<label for=\"booking-cancellation\" class=\"text\"\n\t\t\t\t\t\t\t\t\t\t>Отмена бронирования</label\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div class=\"switcher\">\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\tclass=\"tgl tgl-light\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"booking-cancellation\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\tclass=\"tgl-btn\"\n\t\t\t\t\t\t\t\t\t\t\tfor=\"booking-cancellation\"\n\t\t\t\t\t\t\t\t\t\t></label>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li class=\"transactions__item\">\n\t\t\t\t\t\t\t\t\t<label for=\"booking\" class=\"text\">Бронирование</label>\n\t\t\t\t\t\t\t\t\t<div class=\"switcher\">\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\tclass=\"tgl tgl-light\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"booking\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<label class=\"tgl-btn\" for=\"booking\"></label>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li class=\"transactions__item\">\n\t\t\t\t\t\t\t\t\t<label for=\"withdrawal\" class=\"text\"\n\t\t\t\t\t\t\t\t\t\t>Списание со счета\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t<div class=\"switcher\">\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\tclass=\"tgl tgl-light\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"withdrawal\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<label class=\"tgl-btn\" for=\"withdrawal\"></label>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li class=\"transactions__item\">\n\t\t\t\t\t\t\t\t\t<label for=\"deposit\" class=\"text\"\n\t\t\t\t\t\t\t\t\t\t>Пополнение счета\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t<div class=\"switcher\">\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\tclass=\"tgl tgl-light\"\n\t\t\t\t\t\t\t\t\t\t\tid=\"deposit\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<label class=\"tgl-btn\" for=\"deposit\"></label>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tstyle=\"width: 100%; max-width: 310px\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tПрименить\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</fieldset>\n\t\t\t\t\t\t<fieldset class=\"amount__fieldset\">\n\t\t\t\t\t\t\t<legend>Сумма</legend>\n\t\t\t\t\t\t\t<label for=\"amount-from\"\n\t\t\t\t\t\t\t\t>от\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tid=\"amount-from\"\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\tv-model=\"amountValue[0]\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<label for=\"amount-to\"\n\t\t\t\t\t\t\t\t>до\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tid=\"amount-to\"\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\tv-model=\"amountValue[1]\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t<div class=\"el-slider__wrapper\">\n\t\t\t\t\t\t\t\t<el-slider\n\t\t\t\t\t\t\t\t\tv-model=\"amountValue\"\n\t\t\t\t\t\t\t\t\trange\n\t\t\t\t\t\t\t\t\t:show-tooltip=\"false\"\n\t\t\t\t\t\t\t\t\t:step=\"500\"\n\t\t\t\t\t\t\t\t\t:max=\"25000\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t</el-slider>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"btn\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tstyle=\"width: 100%; max-width: 310px\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tПрименить\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</fieldset>\n\t\t\t\t\t</div>\n\t\t\t\t</form>\n\t\t\t</div> -->\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { LOGOUT } from '@/constants/store/auth/actions'\n\nconst menu = [\n\t// { title: 'Уведомления', url: 'notification', icon: '/images/notification.svg', isShow: true },\n\t{ title: 'Пользовательское соглашение', url: '/privacy', icon: '/images/policy.svg', isShow: true },\n\t{ title: 'Лицензионное соглашение', url: '/license-guest', icon: '/images/terms.svg', isShow: true },\n  { title: 'Лицензионное соглашение', url: '/license-housekeeper', icon: '/images/terms.svg', isShow: true },\n\t{ title: 'Привязать социальные сети', url: 'socials', icon: '/images/socials.svg', isShow: false },\n\t{ title: 'Оплата и вывод средств', url: 'payments', isShow: false },\n\t{ title: 'Переключиться на поиск жилья', url: 'searching', isShow: false },\n\t// { title: 'Выйти', url: 'out', icon: '/images/out.svg', isShow: true }\n]\n\nexport default {\n\tname: 'Settings',\n\tcomputed: {\n    isMaster() {\n      return this.$store.getters.isMaster\n    },\n    isGuest() {\n      return this.$store.getters.isGuest\n    },\n\t\tmenu() {\n\t\t\treturn [\n        // { title: 'Уведомления', url: 'notification', icon: '/images/notification.svg', isShow: true },\n        { title: 'Пользовательское соглашение', url: '/privacy', icon: '/images/policy.svg', isShow: true },\n        { title: 'Лицензионное соглашение', url: '/license-guest', icon: '/images/terms.svg', isShow: this.isGuest },\n        { title: 'Лицензионное соглашение', url: '/license-housekeeper', icon: '/images/terms.svg', isShow: this.isMaster },\n        { title: 'Привязать социальные сети', url: 'socials', icon: '/images/socials.svg', isShow: false },\n        { title: 'Оплата и вывод средств', url: 'payments', isShow: false },\n        { title: 'Переключиться на поиск жилья', url: 'searching', isShow: false },\n        // { title: 'Выйти', url: 'out', icon: '/images/out.svg', isShow: true }\n      ]\n\t\t}\n\t},\n\tmethods: {\n\t\tlogout() {\n\t\t\tthis.$store.dispatch(LOGOUT)\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.settings\n\tmin-height: 800px\n</style>\n\n<style lang=\"sass\">\n.settings\n\tposition: relative\n\tdisplay: flex\n\tflex-direction: column\n\tmax-width: 970px\n\t.section-title\n\t\tfont-style: normal\n\t\tfont-weight: 700\n\t\tfont-size: 24px\n\t\tline-height: 24px\n\t\tdisplay: flex\n\t\talign-items: center\n\t\tcolor: #3B3F47\n\n\t&-wrapper\n\t\tdisplay: flex\n\t&-notifications,\n\t&-socials,\n\t.transactions\n\t\twidth: 310px\n\t\t&__fieldset\n\t\t\tmargin-bottom: 30px\n\t\t\tlegend\n\t\t\t\tmargin-bottom: 10px\n\t\t\t\tfont-size: 16px\n\t\t\t\tline-height: 18px\n\t\t&__list\n\t\t\tlist-style: none\n\t\t\tpadding-left: 0\n\t\t\tmargin: 0\n\t\t\tbackground: #ffffff\n\t\t\tborder-radius: 10px\n\t\t\tbox-shadow: 0px 5px 9px rgba(95, 83, 80, 0.1), 0px 5px 14px rgba(0, 0, 0, 0.1)\n\t\t&__item\n\t\t\tdisplay: flex\n\t\t\talign-items: center\n\t\t\tjustify-content: space-between\n\t\t\tpadding: 6px 10px 6px 15px\n\t\t\tfont-size: 12px\n\t\t\tline-height: 14px\n\t\t\theight: 40px\n\t\t\t.text\n\t\t\t\tpadding-right: 20px\n\t\t\t\tmargin-bottom: 0\n\t\t\t&:not(:last-child)\n\t\t\t\tborder-bottom: 0.3px solid #e2e2e2\n\t&-socials\n\t\twidth: 320px\n\t\t&__fieldset\n\t\t\tlegend\n\t\t\t\tfont-size: 14px\n\t\t\t\tline-height: 16px\n\t\t\t\tcolor: #CBCBCB\n\t&-privacy,\n\t&-agreement\n\t\tmax-width: 420px\n\t\t&__text\n\t\t\tfont-size: 14px\n\t\t\tline-height: 16px\n\t&-payment\n\t\twidth: 640px\n\t\t.buttons\n\t\t\tdisplay: flex\n\t\t\tjustify-content: space-between\n\t\t\tmargin-bottom: 30px\n\t\t\tbutton\n\t\t\t\twidth: 31%\n\t\t\t\theight: 55px\n\t\t\t\tfont-size: 12px\n\t\t\t\tline-height: 12px\n\t\t\t\tborder-radius: 12px\n\t\t\t\tborder: none\n\t\t\t\tbox-shadow: 0px 0px 17px -6px lightgrey\n\t\t\t\ttransition: 0.1s linear\n\t\t\t\tpadding-left: 5%\n\t\t\t\tspan.mobile-text\n\t\t\t\t\tdisplay: none\n\t\t\t\t&:nth-child(1)\n\t\t\t\t\tbackground: url(\"~@/assets/images/svg/dollar-black.svg\") 17% 50% no-repeat #ffffff\n\t\t\t\t&:nth-child(2)\n\t\t\t\t\tbackground: url(\"~@/assets/images/svg/download-black.svg\") 17% 50% no-repeat #ffffff\n\t\t\t\t&:nth-child(3)\n\t\t\t\t\tbackground: url(\"~@/assets/images/svg/clock-black.svg\") 17% 50% no-repeat #ffffff\n\t\t\t\t&.active,\n\t\t\t\t&:hover\n\t\t\t\t\tcolor: #ffffff\n\t\t\t\t\tbackground-color: #5F5350\n\t\t\t\t\t&:nth-child(1)\n\t\t\t\t\t\tbackground-image: url(\"~@/assets/images/svg/dollar-white.svg\")\n\t\t\t\t\t&:nth-child(2)\n\t\t\t\t\t\tbackground-image: url(\"~@/assets/images/svg/download-white.svg\")\n\t\t\t\t\t&:nth-child(3)\n\t\t\t\t\t\tbackground-image: url(\"~@/assets/images/svg/clock-white.svg\")\n\t\t&__card\n\t\t\tposition: relative\n\t\t\twidth: 335px\n\t\t\theight: 210px\n\t\t\tpadding: 40px 16px 20px 16px\n\t\t\tborder-radius: 13px\n\t\t\tbackground: url(\"~@/assets/images/card-bg.jpg\") center no-repeat\n\t\t\tz-index: 1\n\t\t\tmargin-bottom: 35px\n\t\t\t&:before\n\t\t\t\tcontent: ''\n\t\t\t\tposition: absolute\n\t\t\t\tz-index: 0\n\t\t\t\ttop: 0\n\t\t\t\tleft: 0\n\t\t\t\twidth: 100%\n\t\t\t\theight: 100%\n\t\t\t\tbackground: rgba(224, 224, 224, 0.43)\n\t\t\t\tborder: 2px solid rgba(245, 245, 245, 0.41)\n\t\t\t\tborder-radius: 13px\n\t\t\tlabel\n\t\t\t\tposition: relative\n\t\t\t\tfont-weight: 500\n\t\t\t\tfont-size: 13px\n\t\t\t\tline-height: 16px\n\t\t\t#card-number, #card-cvc\n\t\t\t\tposition: relative\n\t\t\t\tdisplay: block\n\t\t\t\tbackground: rgba(248, 248, 248, 0.4)\n\t\t\t\tborder-radius: 11px\n\t\t\t\theight: 38px\n\t\t\t\tborder: none\n\t\t\t#card-number\n\t\t\t\tdisplay: block\n\t\t\t\twidth: 100%\n\t\t\t\tborder: 1px solid #000000\n\t\t\t\tfont-size: 22px\n\t\t\t\tline-height: 26px\n\t\t\t\ttext-align: center\n\t\t\t\tmargin-bottom: 26px\n\t\t\t.label-wrapper\n\t\t\t\tdisplay: flex\n\t\t\t\tjustify-content: space-between\n\t\t\tlabel[for=card-cvc]\n\t\t\t\tmargin-right: 30px\n\t\t\t.wrap\n\t\t\t\tdisplay: flex\n\t\t\t\tjustify-content: space-between\n\t\t\t#card-to-month, #card-to-year, #card-cvc\n\t\t\t\tfont-size: 15px\n\t\t\t\tline-height: 18px\n\t\t\t\tfont-weight: bold\n\t\t\t.separator\n\t\t\t\tfont-weight: bold\n\t\t\t\tfont-size: 15px\n\t\t\t\tline-height: 18px\n\t\t\t.period-wrapper\n\t\t\t\tposition: relative\n\t\t\t\tdisplay: flex\n\t\t\t\talign-items: center\n\t\t\t\twidth: 86px\n\t\t\t\tbackground: rgba(248, 248, 248, 0.4)\n\t\t\t\tborder-radius: 11px\n\t\t\t\theight: 38px\n\t\t\t#card-to-month, #card-to-year\n\t\t\t\twidth: 48%\n\t\t\t\tbackground: transparent\n\t\t\t\tborder: none\n\t\t\t\ttext-align: center\n\t\t\t#card-cvc\n\t\t\t\twidth: 61px\n\t\t\t\ttext-align: center\n\t\t&__submit-btn\n\t\t\tmax-width: 335px\n\t\t\twidth: 100%\n\t\t.withdrawal-img\n\t\t\tmargin-bottom: 12px\n\t\t\twidth: 276px\n\t\t\theight: 200px\n\t\t\tborder-radius: 11px\n\t\t\timg\n\t\t\t\twidth: 100%\n\t\t\t\tobject-fit: cover\n\t\t.withdrawal-cta\n\t\t\tfont-weight: 600\n\t\t\tfont-size: 18px\n\t\t\tline-height: 22px\n\t\t\tcolor: #000000\n\t\t\tmargin-bottom: 30px\n\t\t.card-select\n\t\t\twidth: 100%\n\t\t\tmax-width: 310px\n\t\t\tdisplay: block\n\t\t\tmargin-bottom: 250px\n\t\t&__transactions\n\t\t\th3\n\t\t\t\tfont-weight: 600\n\t\t\t\tfont-size: 16px\n\t\t\t\tline-height: 18px\n\t\t\t\tmargin-bottom: 15px\n\t\t\t.transactions\n\t\t\t\t&__search-input\n\t\t\t\t\tborder: 1px solid #CBCBCB\n\t\t\t\t\tborder-radius: 12px\n\t\t\t\t\twidth: 100%\n\t\t\t\t\theight: 55px\n\t\t\t\t\tpadding: 20px 20px 20px 50px\n\t\t\t\t\tmargin-bottom: 30px\n\t\t\t\t\tcaret-color: #1AC386\n\t\t\t\t\tbackground: url(\"~@/assets/images/svg/magnifying-glass.svg\") 15px 50% no-repeat #ffffff\n\t\t\t\t&__wrapper\n\t\t\t\t\tdisplay: grid\n\t\t\t\t\tgrid-template-columns: repeat(2, 310px)\n\t\t\t\t\tgrid-column-gap: 20px\n\t\t\t\t&__list\n\t\t\t\t\tmargin-bottom: 30px\n\t\t\t.amount__fieldset\n\t\t\t\tlabel\n\t\t\t\t\tcolor: rgba(#000000, 0.3)\n\t\t\t\t\tfont-size: 15px\n\t\t\t\t\tline-height: 19px\n\t\t\t\t\tmargin-right: 5px\n\t\t\t\t\tmargin-bottom: 15px\n\t\t\t\t\tinput\n\t\t\t\t\t\twidth: 75px\n\t\t\t\t\t\tborder: none\n\t\t\t\t\t\ttext-align: center\n\t\t\t\t\t\tfont-size: 14px\n\t\t\t\t\t\tline-height: 14px\n\t\t\t\t\t\tborder-radius: 6px\n\t\t\t\t\t\tbox-shadow: 0px 5px 12px rgba(95, 83, 80, 0.1)\n\t\t\t\t\t\tpadding: 7px\n\t\t\t\t\t#amount-from\n\t\t\t\t\t\tmargin-right: 14px\n\t\t\t\t.el-slider__wrapper\n\t\t\t\t\tbackground-color: #ffffff\n\t\t\t\t\tbox-shadow: 0px 0px 17px -6px lightgrey\n\t\t\t\t\tpadding: 13px 20px\n\t\t\t\t\tmargin-bottom: 30px\n\t\t\t\t\tborder-radius: 12px\n\t\t\t\t.el-slider\n\t\t\t\t\t&__runway\n\t\t\t\t\t\tbackground-color: #C7c7c7\n\t\t\t\t\t\theight: 2px\n\t\t\t\t\t&__bar\n\t\t\t\t\t\tbackground-color: #5F5350\n\t\t\t\t\t\theight: 2px\n\t\t\t\t\t&__button-wrapper\n\t\t\t\t\t\ttop: -17px\n\t\t\t\t\t&__button\n\t\t\t\t\t\tborder: 1px solid rgba(0, 0, 0, 0.04)\n\t\t\t\t\t\tbox-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.08), 0px 3px 1px rgba(0, 0, 0, 0.05)\n\t\t\t\t\t\twidth: 25px\n\t\t\t\t\t\theight: 25px\n.settings-menu\n  margin-right: 60px\n  max-width: 400px\n\n// 1080\n@media screen and (max-width: 1440px)\n  .settings\n\t\t&-payment\n\t\t\twidth: 460px\n\t\t\t.transactions\n\t\t\t\t&__wrapper\n\t\t\t\t\tgrid-template-columns: unset\n\t\t\t.buttons\n\t\t\t\tbutton\n\t\t\t\t\t&:nth-child(1),\n\t\t\t\t\t&:nth-child(2)\n\t\t\t\t\t\tbackground-position: 10% 50%\n\t\t\t\t\t&:nth-child(3)\n\t\t\t\t\t\tbackground-position: 6% 50%\n  .settings-menu\n    max-width: 100%\n// 996\n@media screen and (max-width: 1180px)\n\t.settings\n\t\t&-payment\n\t\t\twidth: 425px\n\t\t\t.buttons\n\t\t\t\tbutton\n\t\t\t\t\t&:nth-child(3)\n\t\t\t\t\t\tbackground-position: 3% 50%\n\n// 900\n@media screen and (max-width: 1024px)\n\t.settings\n\t\t&-agreement,\n\t\t&-privacy\n\t\t\tmax-width: 350px\n\t\t&-payment\n\t\t\twidth: 360px\n\t\t\t.buttons\n\t\t\t\tbutton\n\t\t\t\t\tspan.desktop-text\n\t\t\t\t\t\tdisplay: none\n\t\t\t\t\tspan.mobile-text\n\t\t\t\t\t\tdisplay: block\n\t\t\t\t\t&:nth-child(3)\n\t\t\t\t\t\tbackground-position: 10% 50%\n\n// 768\n@media screen and (max-width: 912px)\n\t.settings\n\t\t&-notifications,\n\t\t&-socials,\n\t\t&-privacy,\n\t\t&-agreement\n\t\t\tmax-width: 450px\n\n// 540\n@media screen and (max-width: 800px)\n\t.settings\n\t\twidth: 100%\n\t\t&-wrapper\n\t\t\tjustify-content: center\n\t\t&-notifications,\n\t\t&-socials,\n\t\t&-privacy,\n\t\t&-agreement\n\t\t\tmax-width: unset\n\t\t\twidth: 100%\n\t\t&-payment\n\t\t\twidth: 100%\n\t\t\t&__card\n\t\t\t\twidth: 100%\n\t\t\t\tmax-width: 335px\n\t\t\t\tmin-width: 280px\n\n.settings-menu\n\twidth: 100%\n\tposition: relative\n  margin-right: 60px\n\n\t@media screen and (max-width: 913px)\n\t\tmin-width: 200px\n\t\tmargin-right: 20px\n\n\t&__list\n\t\tmargin-top: 20px\n\t\tpadding-left: 0\n\t\tmargin-bottom: 0\n\t\tlist-style: none\n\t&__item\n\t\tposition: relative\n\t\twidth: 100%\n\t\theight: 55px\n\t\tborder-radius: 12px\n\t\tbox-shadow: 0px 0px 17px -6px lightgrey\n\t\tbackground: url(\"~@/assets/images/svg/arrow-right.svg\") no-repeat #ffffff\n\t\tbackground-position: calc(100% - 15px), calc(100% - 21px)\n\t\ttransition: 0.1s linear\n\t\ta\n\t\t\tdisplay: flex\n\t\t\talign-items: center\n\t\t\twidth: 100%\n\t\t\theight: 100%\n\t\t\tfont-size: 12px\n\t\t\ttext-decoration: none\n\t\t\tcolor: #3B3F47\n\t\t\tline-height: 12px\n\t\t\tpadding: 20px 15px 20px 45px\n\t\t\tborder-radius: 12px\n\t\t\t&.active\n\t\t\t\tbackground: url(\"~@/assets/images/svg/arrow-right-white.svg\") no-repeat #1AC386\n\t\t\t\tbackground-position: calc(100% - 15px), calc(100% - 21px)\n\t\t\t\tcursor: pointer\n\t\t\t\tcolor: #ffffff\n\t\t\timg\n\t\t\t\tposition: absolute\n\t\t\t\ttop: 18px\n\t\t\t\tleft: 15px\n\t\t\t// &:before\n\t\t\t// \tposition: absolute\n\t\t\t// \ttop: 18px\n\t\t\t// \tleft: 15px\n\t\t\t// &:first-child\n\t\t\t// \t&:before\n\t\t\t// \t\tcontent: url(\"~@/assets/images/svg/bell-icon-grey.svg\")\n\t\t\t// \t&.active,\n\t\t\t// \t&:hover\n\t\t\t// \t\t&:before\n\t\t\t// \t\t\tcontent: url(\"~@/assets/images/svg/bell-icon-white.svg\")\n\t\t\t// &:nth-child(2)\n\t\t\t// \t&:before\n\t\t\t// \t\tcontent: url(\"~@/assets/images/svg/shield-icon-grey.svg\")\n\t\t\t// \t&.active,\n\t\t\t// \t&:hover\n\t\t\t// \t\t&:before\n\t\t\t// \t\t\tcontent: url(\"~@/assets/images/svg/shield-icon-white.svg\")\n\t\t\t// &:nth-child(3)\n\t\t\t// \t&:before\n\t\t\t// \t\tcontent: url(\"~@/assets/images/svg/filetext-icon-grey.svg\")\n\t\t\t// \t&.active,\n\t\t\t// \t&:hover\n\t\t\t// \t\t&:before\n\t\t\t// \t\t\tcontent: url(\"~@/assets/images/svg/filetext-icon-white.svg\")\n\t\t\t// &:nth-child(4)\n\t\t\t// \t&:before\n\t\t\t// \t\tcontent: url(\"~@/assets/images/svg/globe-icon-grey.svg\")\n\t\t\t// \t&.active,\n\t\t\t// \t&:hover\n\t\t\t// \t\t&:before\n\t\t\t// \t\t\tcontent: url(\"~@/assets/images/svg/globe-icon-white.svg\")\n\t\t\t// &:nth-child(5)\n\t\t\t// \t&:before\n\t\t\t// \t\tcontent: url(\"~@/assets/images/svg/credit-сard-icon-grey.svg\")\n\t\t\t// \t&.active,\n\t\t\t// \t&:hover\n\t\t\t// \t\t&:before\n\t\t\t// \t\t\tcontent: url(\"~@/assets/images/svg/credit-сard-icon-white.svg\")\n\t\t\t// &:nth-child(6)\n\t\t\t// \t&:before\n\t\t\t// \t\tcontent: url(\"~@/assets/images/svg/switcher-icon-grey.svg\")\n\t\t\t// \t&.active,\n\t\t\t// \t&:hover\n\t\t\t// \t\t&:before\n\t\t\t// \t\t\tcontent: url(\"~@/assets/images/svg/switcher-icon-white.svg\")\n\t\t\t// &:last-child\n\t\t\t// \t&:before\n\t\t\t// \t\tcontent: url(\"~@/assets/img/svg/logout-icon-grey.svg\")\n\t\t\t// \t&.active,\n\t\t\t// \t&:hover\n\t\t\t// \t\t&:before\n\t\t\t// \t\t\tcontent: url(\"~@/assets/img/svg/logout-icon-white.svg\")\n\t\t&:not(:last-child)\n\t\t\tmargin-bottom: 10px\n\t\t&.active,\n\t\t&:hover\n\t\t\tbackground: url(\"~@/assets/images/svg/arrow-right-white.svg\") no-repeat #1AC386\n\t\t\tbackground-position: calc(100% - 15px), calc(100% - 21px)\n\t\t\tcursor: pointer\n\t\t\ta\n\t\t\t\tcolor: #ffffff\n@media screen and (max-width: 500px)\n\t.settings-wrapper\n\t\tflex-wrap: wrap\n\n\t\t.settings-menu\n\t\t\tmargin: 0 0 50px 0\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=04b64beb&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=04b64beb&lang=sass&scoped=true\"\nimport \"./index.vue?vue&type=style&index=1&id=04b64beb&lang=sass\"\n\nimport exportComponent from \"/builds/teremok/desktop-vue/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-04b64beb\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=1&id=04b64beb&lang=sass\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=04b64beb&lang=sass&scoped=true\""],"sourceRoot":""}