{"version":3,"sourceRoot":"","sources":["../src/css/ionic-swiper.scss"],"names":[],"mappings":"AAKA;EAKE;EACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUA;EAEA;;;AAMF;EACE;;;AAGF;EACE;;;AAOF;EACE;;;AAGF;EACE;;;AAMF;EACE;;;AAGF;EACE;;;AAMF;EACE;EAEA;EAEA;;;AAGF;EAGE;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"ionic-swiper.css","sourcesContent":["@import \"../components/slides/slides.ios.vars.scss\";\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n\n  // These values are the same for iOS and MD\n  // We just do not add a .md or .ios class beforehand\n  // so the styles are easier to override by the user.\n  --bullet-background: #{$slides-ios-bullet-background};\n  --bullet-background-active: #{$slides-ios-bullet-background-active};\n  --progress-bar-background: #{$slides-ios-progress-bar-background};\n  --progress-bar-background-active: #{$slides-ios-progress-bar-background-active};\n  --scroll-bar-background: #{$slides-ios-scroll-bar-background};\n  --scroll-bar-background-active: #{$slides-ios-scroll-bar-drag-background};\n  /**\n   * @prop --bullet-background: Background of the pagination bullets\n   * @prop --bullet-background-active: Background of the active pagination bullet\n   *\n   * @prop --progress-bar-background: Background of the pagination progress-bar\n   * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n   *\n   * @prop --scroll-bar-background: Background of the pagination scroll-bar\n   * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n   */\n  display: block;\n\n  user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n  background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n  background: var(--bullet-background-active);\n}\n\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n  background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n  background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n  background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n  display: block;\n\n  width: 100%;\n\n  text-align: center;\n}\n\n.swiper .swiper-slide {\n\n  // Center slide text vertically\n  display: flex;\n  position: relative;\n\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n\n  font-size: 18px;\n\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  max-height: 100%;\n}\n"]}