{"version":3,"sources":["webpack:///static-appopensalud/js/131.4f7fe4b6b2075bd65909.js","webpack:///./src/components/base/carousel/Carousel.vue","webpack:///src/components/base/carousel/Carousel.vue","webpack:///./src/components/base/carousel/Carousel.vue?755f","webpack:///./src/components/base/carousel/Carousel.vue?3030","webpack:///./src/components/base/carousel/Carousel.vue?ecc3"],"names":["webpackJsonp","2509","module","__webpack_exports__","__webpack_require__","injectStyle","ssrContext","disposed","normalizeComponent","__vue_styles__","Component","options","__file","3055","data","index","slides","slideDirection","computed","slidesLength","this","length","mounted","$children","pop","map","slide","methods","next","prev","checkSlide","event","keyCode","3381","exports","content","i","locals","3382","push","3383","render","_vm","_h","$createElement","_c","_self","attrs","tabindex","on","keydown","$event","_t","_v","staticClass","staticStyle","border","click","preventDefault","apply","arguments","width","height","src","color","staticRenderFns","_withStripped","esExports"],"mappings":"AAAAA,cAAc,MAERC,KACA,SAAUC,EAAQC,EAAqBC,GAE7C,YCJA,SAASC,GAAaC,GAChBC,GACJ,EAAQ,MAHV,yEAAIA,GAAW,EAKXC,EAAqB,EAAQ,GAS7BC,EAAiBJ,EAKjBK,EAAYF,EACd,IACA,KATgC,EAWhCC,EAPoB,KAEU,KAShCC,GAAUC,QAAQC,OAAS,4CAkBZ,UAAAF,EAAiB,SDe1BG,KACA,SAAUX,EAAQC,EAAqBC,GAE7C,YEpDA,MACIU,KADJ,WAEQ,OACIC,MAAO,EACPC,UACAC,eAAgB,KAGxBC,UACIC,aADR,WAEY,MAAOC,MAAKJ,OAAOK,SAG3BC,QAbJ,WAcQF,KAAKG,UAAUC,MACfJ,KAAKG,UAAUC,MACfJ,KAAKJ,OAASI,KAAKG,UACnBH,KAAKJ,OAAOS,IAAI,SAAxB,KACYC,EAAMX,MAAQA,KAMtBY,SACIC,KADR,WAEYR,KAAKL,QACDK,KAAKL,OAASK,KAAKD,eACnBC,KAAKL,MAAQ,GAEjBK,KAAKH,eAAiB,eAE1BY,KARR,WASYT,KAAKL,QACDK,KAAKL,MAAQ,IACbK,KAAKL,MAAQK,KAAKD,aAAe,GAErC,KAAZ,6BAEQW,WAfR,SAeA,GACkC,KAAlBC,EAAMC,QACNZ,KAAKQ,OACrB,gBACgBR,KAAKS,WF0EfI,KACA,SAAU/B,EAAQgC,EAAS9B,GG9HjC,GAAI+B,GAAU,EAAQ,KACA,iBAAZA,KAAsBA,IAAYjC,EAAOkC,EAAID,EAAS,MAC7DA,EAAQE,SAAQnC,EAAOgC,QAAUC,EAAQE,OAE/B,GAAQ,GAAqE,WAAYF,GAAS,OHoJzGG,KACA,SAAUpC,EAAQgC,EAAS9B,GI5JjC8B,EAAUhC,EAAOgC,QAAU,EAAQ,IAAuD,GAK1FA,EAAQK,MAAMrC,EAAOkC,EAAI,skHAAukH,MJqK1lHI,KACA,SAAUtC,EAAQC,EAAqBC,GAE7C,YK7KA,IAAIqC,GAAS,WACX,GAAIC,GAAMtB,KACNuB,EAAKD,EAAIE,eACTC,EAAKH,EAAII,MAAMD,IAAMF,CACzB,OAAOE,GACL,OAEEE,OAASC,SAAU,KACnBC,IACEC,QAAS,SAASC,GAChB,MAAOT,GAAIZ,WAAWqB,OAK1BT,EAAIU,GAAG,WACPV,EAAIW,GAAG,KACPR,EAAG,OACDA,EACE,UAEES,YAAa,iBACbC,aACE,mBAAoB,cACpBC,OAAQ,yBAEVP,IACEQ,MAAO,SAASN,GAEd,MADAA,GAAOO,iBACAhB,EAAId,KAAK+B,MAAM,KAAMC,eAKhCf,EACE,KACES,YAAa,sBAEbT,EAAG,aACDS,YAAa,OACbP,OACEc,MAAO,KACPC,OAAQ,KACRC,IAAK,qDACLC,MAAO,WAIb,KAINtB,EAAIW,GAAG,KACPR,EACE,UAEES,YAAa,iBACbC,aACE,mBAAoB,cACpBC,OAAQ,yBAEVP,IACEQ,MAAO,SAASN,GAEd,MADAA,GAAOO,iBACAhB,EAAIb,KAAK8B,MAAM,KAAMC,eAKhCf,EACE,KACES,YAAa,sBAEbT,EAAG,aACDS,YAAa,OACbP,OACEc,MAAO,KACPC,OAAQ,KACRC,IAAK,qDACLC,MAAO,WAIb,QAMV,IAGAC,IACJxB,GAAOyB,eAAgB,CACvB,IAAIC,IAAc1B,OAAQA,EAAQwB,gBAAiBA,EACpC","file":"static-appopensalud/js/131.4f7fe4b6b2075bd65909.js","sourcesContent":["webpackJsonp([131],{\n\n/***/ 2509:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Carousel_vue__ = __webpack_require__(3055);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3b5a59be_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Carousel_vue__ = __webpack_require__(3383);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3381)\n}\nvar normalizeComponent = __webpack_require__(6)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_Carousel_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_3b5a59be_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_Carousel_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/base/carousel/Carousel.vue\"\n\n/* hot reload */\nif (false) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-3b5a59be\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-3b5a59be\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Component.exports);\n\n\n/***/ }),\n\n/***/ 3055:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n    data: function data() {\n        return {\n            index: 0,\n            slides: [],\n            slideDirection: ''\n        };\n    },\n\n    computed: {\n        slidesLength: function slidesLength() {\n            return this.slides.length;\n        }\n    },\n    mounted: function mounted() {\n        this.$children.pop();\n        this.$children.pop();\n        this.slides = this.$children;\n        this.slides.map(function (slide, index) {\n            slide.index = index;\n        });\n        // window.setInterval(() => {\n        //     this.next()\n        // }, 7000)\n    },\n\n    methods: {\n        next: function next() {\n            this.index++;\n            if (this.index >= this.slidesLength) {\n                this.index = 0;\n            }\n            this.slideDirection = 'slide-right';\n        },\n        prev: function prev() {\n            this.index--;\n            if (this.index < 0) {\n                this.index = this.slidesLength - 1;\n            }\n            this.slideDirection = 'slide-left';\n        },\n        checkSlide: function checkSlide(event) {\n            if (event.keyCode === 26) {\n                this.next();\n            } else if (event.keyCode === 26) {\n                this.prev();\n            } else {}\n        }\n    }\n});\n\n/***/ }),\n\n/***/ 3381:\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(3382);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(9)(\"212fefd3\", content, false, {});\n// Hot Module Replacement\nif(false) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3b5a59be\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Carousel.vue\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3b5a59be\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Carousel.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n/***/ }),\n\n/***/ 3382:\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(8)(false);\n// imports\n\n\n// module\nexports.push([module.i, \"\\n.overline-typescale{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active,.slide-down-leave-active{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter,.slide-down-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active,.slide-fade-left-leave-active{-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease\\n}\\n.slide-fade-left-enter,.slide-fade-left-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter,.fade-leave-to{opacity:0\\n}\\n@media only screen and (min-width: 1024px){\\n.carousel{position:relative;overflow:initial\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.carousel{position:relative;overflow:initial\\n}\\n}\\n@media only screen and (max-width: 575px){\\n.carousel{position:initial;overflow:initial\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){\\n.carousel{position:initial;overflow:initial\\n}\\n}\\n.btn2{top:12rem;background-color:transparent;border:0px solid transparent;color:#000;position:absolute;z-index:2\\n}\\n@media only screen and (max-width: 575px){\\n.btn2{top:15rem !important;padding:5rem 3rem;margin-bottom:3rem;min-height:280px\\n}\\n}\\n.button-line{position:relative;border-top:1px solid black;vertical-align:bottom;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:2rem\\n}\\n.btn:hover{cursor:pointer\\n}\\n.btn:focus{outline:none\\n}\\n.btn-next2{vertical-align:bottom\\n}\\n@media only screen and (min-width: 1024px){\\n.btn-next2{left:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.btn-next2{left:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){\\n.btn-next2{left:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (max-width: 575px){\\n.btn-next2{left:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)\\n}\\n}\\n.btn-prev2{vertical-align:bottom\\n}\\n@media only screen and (min-width: 1024px){\\n.btn-prev2{right:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.btn-prev2{right:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){\\n.btn-prev2{right:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (max-width: 575px){\\n.btn-prev2{right:0\\n}\\n}\\n.carousel-slider{position:absolute\\n}\\n.carousel-slider img{width:60%;height:60%;border-radius:50%\\n}\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 3383:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      attrs: { tabindex: \"0\" },\n      on: {\n        keydown: function($event) {\n          return _vm.checkSlide($event)\n        }\n      }\n    },\n    [\n      _vm._t(\"default\"),\n      _vm._v(\" \"),\n      _c(\"div\", [\n        _c(\n          \"button\",\n          {\n            staticClass: \"btn2 btn-next2\",\n            staticStyle: {\n              \"background-color\": \"transparent\",\n              border: \"0px solid transparent\"\n            },\n            on: {\n              click: function($event) {\n                $event.preventDefault()\n                return _vm.next.apply(null, arguments)\n              }\n            }\n          },\n          [\n            _c(\n              \"i\",\n              { staticClass: \"fa fa-angle-right\" },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"ml-2\",\n                  attrs: {\n                    width: \"50\",\n                    height: \"50\",\n                    src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                    color: \"blue\"\n                  }\n                })\n              ],\n              1\n            )\n          ]\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"button\",\n          {\n            staticClass: \"btn2 btn-prev2\",\n            staticStyle: {\n              \"background-color\": \"transparent\",\n              border: \"0px solid transparent\"\n            },\n            on: {\n              click: function($event) {\n                $event.preventDefault()\n                return _vm.prev.apply(null, arguments)\n              }\n            }\n          },\n          [\n            _c(\n              \"i\",\n              { staticClass: \"fa fa-angle-right\" },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"ml-2\",\n                  attrs: {\n                    width: \"50\",\n                    height: \"50\",\n                    src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                    color: \"blue\"\n                  }\n                })\n              ],\n              1\n            )\n          ]\n        )\n      ])\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-3b5a59be\", esExports)\n  }\n}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static-appopensalud/js/131.4f7fe4b6b2075bd65909.js","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3b5a59be\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Carousel.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Carousel.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Carousel.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-3b5a59be\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Carousel.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/base/carousel/Carousel.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-3b5a59be\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-3b5a59be\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/base/carousel/Carousel.vue\n// module id = 2509\n// module chunks = 131","<template>\r\n    <div  @keydown=\"checkSlide($event)\" tabindex=\"0\">\r\n                <slot></slot>\r\n        <div>\r\n            <button style=\"background-color:transparent;border:0px solid transparent;\" @click.prevent=\"next\" class=\"btn2 btn-next2\"><i class=\"fa fa-angle-right\"><base-icon width=\"50\" height=\"50\"  src=\"/static-appopensalud/img/icons/noun-arrow-blue.svg\" class=\"ml-2\" color=\"blue\"/></i></button>\r\n            <button style=\"background-color:transparent;border:0px solid transparent;\" @click.prevent=\"prev\" class=\"btn2 btn-prev2\"><i class=\"fa fa-angle-right\"><base-icon width=\"50\" height=\"50\" src=\"/static-appopensalud/img/icons/noun-arrow-blue.svg\" class=\"ml-2\" color=\"blue\"/></i></button>\r\n        </div>\r\n        \r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    data () {\r\n        return {\r\n            index: 0,\r\n            slides: [],\r\n            slideDirection: ''\r\n        }\r\n    },\r\n    computed: {\r\n        slidesLength () {\r\n            return this.slides.length\r\n        }\r\n    },\r\n    mounted () {\r\n        this.$children.pop()\r\n        this.$children.pop()\r\n        this.slides = this.$children\r\n        this.slides.map((slide, index) => {\r\n            slide.index = index\r\n        })\r\n        // window.setInterval(() => {\r\n        //     this.next()\r\n        // }, 7000)\r\n    },\r\n    methods: {\r\n        next () {\r\n            this.index++\r\n            if (this.index >= this.slidesLength) {\r\n                this.index = 0\r\n            }\r\n            this.slideDirection = 'slide-right'\r\n        },\r\n        prev () {\r\n            this.index--\r\n            if (this.index < 0) {\r\n                this.index = this.slidesLength - 1\r\n            }\r\n             this.slideDirection = 'slide-left'\r\n        },\r\n        checkSlide (event) {\r\n            if (event.keyCode === 26) {\r\n                this.next()\r\n            } else if (event.keyCode === 26) {\r\n                this.prev()\r\n            } else {\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n.carousel {\r\n    // align-items: center;\r\n    // width: 340px;\r\n      @include desktop {\r\n      position:relative;\r\n        overflow: initial;\r\n        \r\n  }\r\n\r\n  @include desktop-sm {\r\n  position:relative;\r\n        overflow: initial;\r\n          }\r\n\r\n  @include media(mobile, tablets) {\r\n      position:initial;\r\n        overflow: initial;\r\n        // width:100vw;\r\n       \r\n    }\r\n  }\r\n .btn2 {\r\n        top:12rem;\r\n        background-color:transparent;\r\n        border:0px solid transparent;\r\n        color:rgb(0, 0, 0);\r\n        position:absolute;\r\n        z-index:2;\r\n         @include mobile {\r\n          top:15rem !important;\r\n          padding: 5rem 3rem;\r\n          margin-bottom: 3rem;\r\n          min-height: 280px;\r\n        }\r\n    }\r\n    .button-line{\r\n        position: relative;\r\n        border-top: 1px solid black;\r\n                vertical-align:bottom;\r\n                flex-direction: column;\r\n                top:2rem;\r\n    }\r\n   .btn:hover {\r\n        cursor: pointer;\r\n    }\r\n    .btn:focus{\r\n        outline:none;\r\n    }\r\n    .btn-next2 {\r\n                vertical-align:bottom;\r\n         @include desktop {\r\n            left:0;\r\n            display: flex;\r\n        }\r\n        @include desktop-sm {\r\n            left:0;\r\n            display: flex;\r\n        }\r\n         @include tablets {\r\n            left:0;\r\n            display: flex;\r\n        }\r\n        @include mobile {\r\n            left:0;\r\n        transform: rotate(-180deg);\r\n        }\r\n        \r\n    }\r\n    .btn-prev2 {\r\n        vertical-align:bottom;\r\n        @include desktop {\r\n            right:0;\r\n            display: flex;\r\n\r\n        }\r\n        @include desktop-sm {\r\n            right:0;\r\n            display: flex;\r\n\r\n        }\r\n         @include tablets {\r\n            right:0;\r\n            display: flex;\r\n\r\n        }\r\n        @include mobile {\r\n            right:0;\r\n        }\r\n    }\r\n    .carousel-slider {\r\n        position:absolute;\r\n    }\r\n    .carousel-slider img {\r\n        width:60%;\r\n        height:60%;\r\n        border-radius: 50%;\r\n    }\r\n</style>\n\n\n// WEBPACK FOOTER //\n// src/components/base/carousel/Carousel.vue","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3b5a59be\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Carousel.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"212fefd3\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3b5a59be\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Carousel.vue\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-3b5a59be\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Carousel.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":false}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3b5a59be\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/sass-loader/dist/cjs.js?{\"data\":\"@import /\"static-appopensalud/css/scss/shared.scss/\";\",\"sourceMap\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/base/carousel/Carousel.vue\n// module id = 3381\n// module chunks = 131","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.overline-typescale{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active,.slide-down-leave-active{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter,.slide-down-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active,.slide-fade-left-leave-active{-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease\\n}\\n.slide-fade-left-enter,.slide-fade-left-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter,.fade-leave-to{opacity:0\\n}\\n@media only screen and (min-width: 1024px){\\n.carousel{position:relative;overflow:initial\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.carousel{position:relative;overflow:initial\\n}\\n}\\n@media only screen and (max-width: 575px){\\n.carousel{position:initial;overflow:initial\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){\\n.carousel{position:initial;overflow:initial\\n}\\n}\\n.btn2{top:12rem;background-color:transparent;border:0px solid transparent;color:#000;position:absolute;z-index:2\\n}\\n@media only screen and (max-width: 575px){\\n.btn2{top:15rem !important;padding:5rem 3rem;margin-bottom:3rem;min-height:280px\\n}\\n}\\n.button-line{position:relative;border-top:1px solid black;vertical-align:bottom;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:2rem\\n}\\n.btn:hover{cursor:pointer\\n}\\n.btn:focus{outline:none\\n}\\n.btn-next2{vertical-align:bottom\\n}\\n@media only screen and (min-width: 1024px){\\n.btn-next2{left:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.btn-next2{left:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){\\n.btn-next2{left:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (max-width: 575px){\\n.btn-next2{left:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)\\n}\\n}\\n.btn-prev2{vertical-align:bottom\\n}\\n@media only screen and (min-width: 1024px){\\n.btn-prev2{right:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.btn-prev2{right:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){\\n.btn-prev2{right:0;display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n}\\n@media only screen and (max-width: 575px){\\n.btn-prev2{right:0\\n}\\n}\\n.carousel-slider{position:absolute\\n}\\n.carousel-slider img{width:60%;height:60%;border-radius:50%\\n}\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":false}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-3b5a59be\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/sass-loader/dist/cjs.js?{\"data\":\"@import /\"static-appopensalud/css/scss/shared.scss/\";\",\"sourceMap\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/base/carousel/Carousel.vue\n// module id = 3382\n// module chunks = 131","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      attrs: { tabindex: \"0\" },\n      on: {\n        keydown: function($event) {\n          return _vm.checkSlide($event)\n        }\n      }\n    },\n    [\n      _vm._t(\"default\"),\n      _vm._v(\" \"),\n      _c(\"div\", [\n        _c(\n          \"button\",\n          {\n            staticClass: \"btn2 btn-next2\",\n            staticStyle: {\n              \"background-color\": \"transparent\",\n              border: \"0px solid transparent\"\n            },\n            on: {\n              click: function($event) {\n                $event.preventDefault()\n                return _vm.next.apply(null, arguments)\n              }\n            }\n          },\n          [\n            _c(\n              \"i\",\n              { staticClass: \"fa fa-angle-right\" },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"ml-2\",\n                  attrs: {\n                    width: \"50\",\n                    height: \"50\",\n                    src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                    color: \"blue\"\n                  }\n                })\n              ],\n              1\n            )\n          ]\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"button\",\n          {\n            staticClass: \"btn2 btn-prev2\",\n            staticStyle: {\n              \"background-color\": \"transparent\",\n              border: \"0px solid transparent\"\n            },\n            on: {\n              click: function($event) {\n                $event.preventDefault()\n                return _vm.prev.apply(null, arguments)\n              }\n            }\n          },\n          [\n            _c(\n              \"i\",\n              { staticClass: \"fa fa-angle-right\" },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"ml-2\",\n                  attrs: {\n                    width: \"50\",\n                    height: \"50\",\n                    src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                    color: \"blue\"\n                  }\n                })\n              ],\n              1\n            )\n          ]\n        )\n      ])\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-3b5a59be\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-3b5a59be\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/base/carousel/Carousel.vue\n// module id = 3383\n// module chunks = 131"],"sourceRoot":""}