{"version":3,"sourceRoot":"","sources":["../src/css/ionic-swiper.scss"],"names":[],"mappings":"AAKA,QAKE,0CACA,qDACA,sDACA,4DACA,mDACA,0DAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAOF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBAGE,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,eAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"ionic-swiper.css","sourcesContent":["@import \"../themes/ionic.globals.ios.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: $text-color-step-800;\n  --bullet-background-active: ion-color(primary, base);\n  --progress-bar-background: rgba($text-color-rgb, .25);\n  --progress-bar-background-active: ion-color(primary, shade);\n  --scroll-bar-background: rgba($text-color-rgb, .1);\n  --scroll-bar-background-active: rgba($text-color-rgb, .5);\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"]}