{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfSlider.scss","../../sass/components/VsfSlider.scss"],"names":[],"mappings":"AAAA,kBACE,uBAAA,CACA,oBCEF,CDGA,qCACE,YCAF,CDKE,YAAA,kBAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,UAAA,CAGE,uBAAA,YAAA,CAAA,QAAA,CAAA,WAAA,CAAA,eAAA,CAAA,mBAAA,CAAA,sBAAA,CAAA,sBAAA,CACA,uCAFF,uBAGI,8BCCJ,CACF,CDEM,iCAAA,WAAA,CAIA,+BAAA,iBAAA,CAIA,yBAAA,kBAAA,CAAA,YAAA,CAAA,WAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,UAAA,CAKF,iBAAA,YAAA,CAAA,mBAAA,CAAA,yBAAA,iBAAA,aAAA,CAAA,CAGE,mBAAA,mBAAA,CAIA,uBAAA,iBAAA,CAAA,sDAAA,CAAA,wBAAA,CAAA,2BAAA,CAAA,kDAAA,CAIA,sBAAA,iBAAA,CAIA,sBAAA,gBAAA,CAMA,gDAAA,qCAAA,CAAA,mDAAA,CAGE,kDAAA,uBAAA,CAAA,4DAAA,qBAAA,CAOF,2CAAA,qBAAA,CAAA,iBAAA,CAAA,OAAA,CAAA,6LAAA,CAAA,UAAA,CAGE,yDAAA,SAAA,CAAA,mBAAA,CAIA,gDAAA,SAAA,CAIA,gDAAA,UAAA","file":"VsfSlider.css","sourcesContent":[".scrollbar-hidden {\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n\n  /* overflow-y: scroll; */\n}\n\n.scrollbar-hidden::-webkit-scrollbar {\n  display: none; /* for Chrome, Safari, and Opera */\n}\n\n.vsf-slider {\n  $root: &;\n  @apply relative w-full flex items-center;\n\n  &__container {\n    @apply scroll-smooth flex gap-4 h-full overflow-x-auto scroll-p-7 pb-4;\n    @media (prefers-reduced-motion: reduce) {\n      scroll-behavior: auto !important;\n    }\n\n    &--dragging {\n      @apply cursor-grab;\n    }\n\n    &--scroll {\n      @apply overflow-x-scroll;\n    }\n\n    > * {\n      @apply relative w-full h-full min-h-[60px] flex items-center; // FF is not able to smooth-scrolling (css or with scrollIntoView()) on shorter elements\n    }\n  }\n\n  &__nav {\n    @apply md:block hidden pointer-events-none;\n\n    > * {\n      @apply pointer-events-auto;\n    }\n\n    &-arrow {\n      @apply transition-opacity bg-white;\n    }\n\n    &-prev {\n      @apply mr-4;\n    }\n\n    &-next {\n      @apply ml-4;\n    }\n  }\n\n  &--snap-scroll {\n    #{$root}__container {\n      @apply snap-x snap-mandatory;\n\n      > * {\n        @apply snap-start last:snap-end;\n      }\n    }\n  }\n\n  &--floating-nav {\n    #{$root}__nav {\n      @apply absolute top-1/2 z-10 -translate-y-1/2;\n\n      &-arrow--hidden {\n        @apply opacity-0 pointer-events-none;\n      }\n\n      &-prev {\n        @apply left-4;\n      }\n\n      &-next {\n        @apply right-4;\n      }\n    }\n  }\n}\n",".scrollbar-hidden {\n  -ms-overflow-style: none; /* for Internet Explorer, Edge */\n  scrollbar-width: none; /* for Firefox */\n  /* overflow-y: scroll; */\n}\n\n.scrollbar-hidden::-webkit-scrollbar {\n  display: none; /* for Chrome, Safari, and Opera */\n}\n\n.vsf-slider {\n  @apply relative w-full flex items-center;\n}\n.vsf-slider__container {\n  @apply scroll-smooth flex gap-4 h-full overflow-x-auto scroll-p-7 pb-4;\n}\n@media (prefers-reduced-motion: reduce) {\n  .vsf-slider__container {\n    scroll-behavior: auto !important;\n  }\n}\n.vsf-slider__container--dragging {\n  @apply cursor-grab;\n}\n.vsf-slider__container--scroll {\n  @apply overflow-x-scroll;\n}\n.vsf-slider__container > * {\n  @apply relative w-full h-full min-h-[60px] flex items-center;\n}\n.vsf-slider__nav {\n  @apply md:block hidden pointer-events-none;\n}\n.vsf-slider__nav > * {\n  @apply pointer-events-auto;\n}\n.vsf-slider__nav-arrow {\n  @apply transition-opacity bg-white;\n}\n.vsf-slider__nav-prev {\n  @apply mr-4;\n}\n.vsf-slider__nav-next {\n  @apply ml-4;\n}\n.vsf-slider--snap-scroll .vsf-slider__container {\n  @apply snap-x snap-mandatory;\n}\n.vsf-slider--snap-scroll .vsf-slider__container > * {\n  @apply snap-start last:snap-end;\n}\n.vsf-slider--floating-nav .vsf-slider__nav {\n  @apply absolute top-1/2 z-10 -translate-y-1/2;\n}\n.vsf-slider--floating-nav .vsf-slider__nav-arrow--hidden {\n  @apply opacity-0 pointer-events-none;\n}\n.vsf-slider--floating-nav .vsf-slider__nav-prev {\n  @apply left-4;\n}\n.vsf-slider--floating-nav .vsf-slider__nav-next {\n  @apply right-4;\n}"]}