{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfCounter.scss"],"names":[],"mappings":"AAEE,aAAA,mBAAA,CAAA,kBAAA,CAAA,6CAAA,CAAA,mBAAA,CAAA,wBAAA,CAAA,oBAAA,gBAAA,CAAA,yBAAA,CAAA,mBAAA,gBAAA,CAAA,yBAAA,CAIE,kCAAA,eAAA,CAOA,uEAAA,eAAA,CAIA,iBAAA,aAAA,CAAA,eAAA,CAIA,iBAAA,cAAA,CAAA,gBAAA,CAIA,mBAAA,gBAAA,CAAA,gBAAA,CAIA,iBAAA,iBAAA,CAAA,mBAAA,CAIA,iBAAA,cAAA,CAAA,kBAAA,CAIA,kBAAA,kBAAA,CAAA,mBAAA,CAIA,mBAAA,mBAAA,CAAA,0GAAA,CAAA,wGAAA,CAAA,qBAAA,CAAA,mBAAA,CAAA,uDAAA,CAAA,oBAAA,CAAA,wFAAA,CAAA,0CAAA,CAAA,eAAA,CAAA,sBAAA,CAAA,mBAAA,CAAA,mDAAA,iBAAA,CAAA,yBAAA,CAIE,sEAAA,mBAAA,CAAA,oBAAA,CAGA,qCAAA,kBAAA,CAAA,mBAAA,CAGA,mCAAA,oBAAA,CAAA,qBAAA,CAIA,uEAAA,mBAAA,CAAA,oBAAA","file":"VsfCounter.css","sourcesContent":[".vsf-counter {\n  $self: &;\n  @apply inline-flex items-center font-body before:content-['('] after:content-[')'] text-gray-500;\n\n  &--xs,\n  &--sm {\n    @apply font-medium;\n  }\n\n  &--base,\n  &--lg,\n  &--xl,\n  &--2xl {\n    @apply font-normal;\n  }\n\n  &--xs {\n    @apply text-3xs;\n  }\n\n  &--sm {\n    @apply text-2xs;\n  }\n\n  &--base {\n    @apply text-xs;\n  }\n\n  &--lg {\n    @apply text-sm;\n  }\n\n  &--xl {\n    @apply text-base;\n  }\n\n  &--2xl {\n    @apply text-lg;\n  }\n\n  &--pill {\n    @apply rounded-full py-0.5 text-gray-900 font-medium ring-1 ring-gray-200 ring-inset before:content-none after:content-none;\n\n    &#{$self}--xs,\n    &#{$self}--sm {\n      @apply px-1;\n    }\n    &#{$self}--base {\n      @apply px-2;\n    }\n    &#{$self}--lg {\n      @apply px-2.5;\n    }\n    &#{$self}--xl,\n    &#{$self}--2xl {\n      @apply px-3;\n    }\n  }\n}\n"]}