{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfChipsFilter.scss"],"names":[],"mappings":"AAEE,kBAAA,iBAAA,CAAA,kBAAA,CAAA,sDAAA,CAAA,cAAA,CAAA,oBAAA,CAAA,iBAAA,CAGE,yBAAA,eAAA,CAAA,uBAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,OAAA,CAIA,gCAAA,0GAAA,CAAA,wGAAA,CAAA,qBAAA,CAAA,mBAAA,CAAA,uDAAA,CAAA,kBAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,qBAAA,CAAA,kBAAA,CAAA,uBAAA,CAAA,6IAAA,CAAA,kDAAA,CAAA,8EAAA,wFAAA,CAAA,8CAAA,0GAAA,CAAA,wGAAA,CAAA,mBAAA,CAAA,qDAAA,CAAA,wCAAA,oDAAA,mBAAA,CAAA,qDAAA,CAAA,CAAA,qDAAA,mBAAA,CAAA,qDAAA,CAAA,wCAAA,4CAAA,iBAAA,CAAA,mBAAA,CAAA,uDAAA,CAAA,sDAAA,CAAA,CAAA,4CAAA,mBAAA,CAAA,6CAAA,iBAAA,CAAA,mBAAA,CAAA,uDAAA,CAAA,sDAAA,CAAA,+CAAA,0GAAA,CAAA,wGAAA,CAAA,yBAAA,CAAA,0BAAA,CAAA,wFAAA,CAAA,kBAAA,CAGE,6DAAA,oBAAA,CAAA,cAAA,CAAA,UAAA,CAAA,uBAAA,CAAA,6IAAA,CAAA,kDAAA,CAAA,aAAA,CAAA,2EAAA,SAAA,CAAA,4EAAA,UAAA,CAIA,wEAAA,qBAAA,CAKF,yBAAA,mBAAA,CAAA,0CAAA,CAAA,eAAA,CAAA,iBAAA,CAIA,2BAAA,0GAAA,CAAA,wGAAA,CAAA,mBAAA,CAAA,oDAAA,CAAA,wFAAA,CAKE,2DAAA,iBAAA,CAAA,cAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,eAAA,CAGE,wFAAA,WAAA,CAAA,UAAA,CAGA,oFAAA,kBAAA,CAAA,mBAAA,CAOF,6DAAA,iBAAA,CAAA,WAAA,CAAA,WAAA,CAAA,mBAAA,CAAA,cAAA,CAAA,eAAA,CAIA,sDAAA,oBAAA,CAAA,qBAAA,CAMA,2DAAA,cAAA,CAAA,WAAA,CAAA,aAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,aAAA,CAGA,oDAAA,kBAAA,CAAA,mBAAA","file":"VsfChipsFilter.css","sourcesContent":[".vsf-chips-filter {\n  $self: &;\n  @apply relative inline-block items-center cursor-pointer bg-white;\n\n  &__input {\n    @apply appearance-none outline-none absolute w-0;\n  }\n\n  &__peer-wrapper {\n    @apply ring-1 ring-gray-200 ring-inset rounded-full flex items-center transition duration-300 justify-center outline-offset-2 outline-violet peer-checked:ring-2 peer-checked:ring-primary-700 peer-hover:bg-primary-100 peer-hover:ring-primary-200 peer-active:bg-primary-200 peer-active:ring-primary-300 peer-disabled:cursor-not-allowed peer-disabled:bg-gray-100/50 peer-disabled:ring-1 peer-disabled:ring-gray-200/50 peer-checked:hover:ring-primary-700 peer-checked:active:ring-primary-700 peer-focus:outline;\n\n    #{$self}__thumbnail {\n      @apply transition duration-300 rounded-full h-5 w-5 opacity-50 peer-checked:opacity-100 peer-disabled:opacity-20;\n    }\n\n    #{$self}__label {\n      @apply peer-disabled:text-opacity-40;\n    }\n  }\n\n  &__label {\n    @apply relative font-normal text-gray-900;\n  }\n\n  &--primary {\n    @apply ring-2 ring-primary-500;\n  }\n\n  &--size-sm {\n    #{$self}__peer-wrapper {\n      @apply text-sm h-7 p-1.5 min-w-[1.75rem];\n\n      #{$self}__thumbnail {\n        @apply h-4 w-4;\n      }\n      #{$self}__label {\n        @apply px-2;\n      }\n    }\n  }\n\n  &--size-base {\n    #{$self}__peer-wrapper {\n      @apply text-sm h-8 p-1.5 gap-0.5 min-w-[2rem];\n    }\n\n    #{$self}__label {\n      @apply px-1.5;\n    }\n  }\n\n  &--size-lg {\n    #{$self}__peer-wrapper {\n      @apply text-base h-10 p-2 gap-0.5 min-w-[2.5rem];\n    }\n    #{$self}__label {\n      @apply px-2;\n    }\n  }\n}\n"]}