{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfQuantitySelector.scss","../../sass/components/VsfQuantitySelector.scss"],"names":[],"mappings":"AAEE,kBAAA,kBAAA,CAAA,mBAAA,CAAA,qBAAA,CAAA,aAAA,CAAA,iBAAA,CAII,uDAAA,iBAAA,CAAA,sDAAA,CAAA,kBAAA,CAAA,UAAA,CAGE,6DAAA,gBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,YAAA,CAAA,eAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,iBAAA,CAAA,iBAAA,CAAA,UAAA,CAMJ,yBAAA,YAAA,CAAA,WAAA,CAAA,UAAA,CAIA,2BAAA,qGAAA,CAAA,yMAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,qBAAA,CAAA,kGAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,UAAA,CAIE,6BAAA,iBAAA,CAKF,yBAAA,mBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,wBAAA,CAAA,0CAAA,CAAA,YAAA,CAAA,WAAA,CAAA,kBAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,iBAAA,CAAA,kCAAA,WAAA,CAGA,wGAEE,eAAA,CACA,QCRN,CDYI,sCACE,yBCVN,CDeI,4BAAA,iCAAA,CAAA,8BAAA,CAAA,wCAAA,kCAAA,8EAAA,CAAA,2JAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,kGAAA,CAAA,CAAA,mCAAA,8EAAA,CAAA,2JAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,kGAAA,CAIA,4BAAA,kCAAA,CAAA,+BAAA,CAAA,wCAAA,kCAAA,+EAAA,CAAA,4JAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,kGAAA,CAAA,CAAA,mCAAA,+EAAA,CAAA,4JAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,kGAAA","file":"VsfQuantitySelector.css","sourcesContent":[".vsf-qty-selector {\n  $self: &;\n  @apply relative items-center inline-flex flex-col flex-shrink-0;\n\n  &--disabled {\n    #{$self}__wrapper {\n      @apply bg-gray-200 opacity-50 cursor-not-allowed;\n\n      &::after {\n        @apply content-['-'] font-medium text-gray-900/40 absolute text-center flex justify-center items-center w-full h-full;\n      }\n    }\n  }\n\n  &--block {\n    @apply flex flex-1 w-full;\n  }\n\n  &__wrapper {\n    @apply flex shadow-inner-border shadow-gray-300 rounded-md w-full relative;\n\n    & + * {\n      // default slot\n      @apply mt-1;\n    }\n  }\n\n  &__input {\n    @apply flex relative flex-1 items-center appearance-none px-2 text-center text-gray-900 bg-transparent disabled:text-transparent;\n\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      appearance: none;\n      margin: 0;\n    }\n\n    /* Firefox */\n    &[type='number'] {\n      -moz-appearance: textfield;\n    }\n  }\n\n  &__decrease {\n    @apply rounded-l-md hover:shadow-inner-border-button-left active:shadow-inner-border-button-left active:shadow-gray-300 hover:shadow-gray-300;\n  }\n\n  &__increase {\n    @apply rounded-r-md hover:shadow-inner-border-button-right active:shadow-inner-border-button-right active:shadow-gray-300 hover:shadow-gray-300;\n  }\n}\n",".vsf-qty-selector {\n  @apply relative items-center inline-flex flex-col flex-shrink-0;\n}\n.vsf-qty-selector--disabled .vsf-qty-selector__wrapper {\n  @apply bg-gray-200 opacity-50 cursor-not-allowed;\n}\n.vsf-qty-selector--disabled .vsf-qty-selector__wrapper::after {\n  @apply content-[\"-\"] font-medium text-gray-900/40 absolute text-center flex justify-center items-center w-full h-full;\n}\n.vsf-qty-selector--block {\n  @apply flex flex-1 w-full;\n}\n.vsf-qty-selector__wrapper {\n  @apply flex shadow-inner-border shadow-gray-300 rounded-md w-full relative;\n}\n.vsf-qty-selector__wrapper + * {\n  @apply mt-1;\n}\n.vsf-qty-selector__input {\n  @apply flex relative flex-1 items-center appearance-none px-2 text-center text-gray-900 bg-transparent disabled:text-transparent;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.vsf-qty-selector__input::-webkit-outer-spin-button, .vsf-qty-selector__input::-webkit-inner-spin-button {\n  appearance: none;\n  margin: 0;\n}\n.vsf-qty-selector__input[type=number] {\n  -moz-appearance: textfield;\n}\n.vsf-qty-selector__decrease {\n  @apply rounded-l-md hover:shadow-inner-border-button-left active:shadow-inner-border-button-left active:shadow-gray-300 hover:shadow-gray-300;\n}\n.vsf-qty-selector__increase {\n  @apply rounded-r-md hover:shadow-inner-border-button-right active:shadow-inner-border-button-right active:shadow-gray-300 hover:shadow-gray-300;\n}"]}