/* docara-shell-source: runtime/component/swiper/css/swiper.css */
/* In the components layer, as every other component: outside it these rules
   outranked every utility, whatever its layer. */
@layer sf.components {
  .swiper {
    contain: inline-size;
    width: 100%;
    inline-size: 100%;
    min-width: 0;
    min-inline-size: 0;
    overflow: hidden;
    position: relative;
  }
  .swiper-wrapper {
    display: flex;
    width: 100%;
    inline-size: 100%;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease;
  }
  /* The slide still changes; it arrives without travelling. */
  @media (prefers-reduced-motion: reduce) {
    .swiper-wrapper {
      transition-duration: 0s;
    }
  }
  .swiper-slide {
    flex: 0 0 100%;
    width: 100%;
    inline-size: 100%;
    min-width: 0;
    min-inline-size: 0;
  }
  .swiper-button-disabled {
    cursor: default;
    opacity: 0.38;
    opacity: var(--sf-opacity-disabled, 0.38);
    pointer-events: none;
  }
}