{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfSearch.scss"],"names":[],"mappings":"AAEE,YAAA,iBAAA,CAGE,6DAAA,eAAA,CAIA,wCAAA,mBAAA,CAIA,kBAAA,YAAA,CAAA,UAAA,CAIA,oBAAA,qBAAA,CAAA,6BAAA,CAAA,kCAAA,CAAA,+BAAA,CAAA,kGAAA,CAIA,mBAAA,mBAAA,CAAA,eAAA,CAAA,wBAAA,CAAA,0CAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,uBAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,gCAAA,mBAAA,CAAA,6CAAA,CACA,4BAAA,qBAAA,CAAA,kBAAA,CAAA,yCAAA,qBAAA,CAGE,2BAAA,mBAAA,CAAA,0GAAA,CAAA,wGAAA,CAAA,qBAAA,CAAA,mBAAA,CAAA,uDAAA,CAAA,kBAAA,CAAA,iCAAA,CAAA,8BAAA,CAAA,wFAAA,CAAA,6CAAA,CAAA,YAAA,CAAA,WAAA,CAAA,aAAA,CAAA,iBAAA,CAAA,sCAAA,kCAAA,CAAA,+BAAA,CACA,2BAAA,iBAAA,CAAA,sDAAA,CAAA,wCAAA,0GAAA,CAAA,wGAAA,CAAA,mBAAA,CAAA,qDAAA,CAAA,wFAAA,CAAA,mBAAA,CAAA,wCAAA,iCAAA,mBAAA,CAAA,qDAAA,CAAA,CAAA,kCAAA,0GAAA,CAAA,wGAAA,CAAA,mBAAA,CAAA,qDAAA,CAAA,wFAAA,CAAA,mBAAA,CAEE,iDAAA,qBAAA,CAAA,qBAAA,CAAA,0BAAA,CAKF,0BAAA,mBAAA,CAAA,iBAAA,CAIA,0BAAA,mBAAA,CAAA,kBAAA,CAIA,yBAAA,oBAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,iDAAA,YAAA,CAGE,gCAAA,kBAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,yCAAA,kBAAA,CAMJ,qBAAA,iBAAA,CAAA,UAAA","file":"VsfSearch.css","sourcesContent":[".vsf-search {\n  $self: &;\n  @apply relative;\n\n  input[type='search']::-webkit-search-cancel-button {\n    @apply appearance-none;\n  }\n\n  &--disabled &__form {\n    @apply pointer-events-none;\n  }\n\n  &__form {\n    @apply flex w-full;\n  }\n\n  &__submit {\n    @apply rounded-r-md shadow-none;\n  }\n\n  &__input {\n    @apply ml-2 outline-none bg-transparent text-gray-900 appearance-none placeholder:text-gray-500 font-body text-base block w-full;\n    @apply disabled:placeholder:text-opacity-50 disabled:text-opacity-50 disabled:cursor-not-allowed;\n\n    &-wrapper {\n      @apply relative flex-1 flex items-center p-2 ring-1 ring-gray-200 ring-inset rounded-l-md only:rounded-r-md text-gray-500;\n      @apply bg-white hover:ring-primary-700 focus-within:caret-primary-700 active:caret-primary-700 active:ring-primary-700 active:ring-2 focus-within:ring-primary-700 focus-within:ring-2;\n      #{$self}--disabled & {\n        @apply bg-gray-100/50 ring-opacity-50 text-opacity-20;\n      }\n    }\n\n    &-prefix {\n      @apply ml-2 inline-flex;\n    }\n\n    &-suffix {\n      @apply mr-2 inline-flex;\n    }\n\n    &-reset {\n      @apply peer-placeholder-shown:hidden inline-block mx-2;\n\n      &-button {\n        @apply disabled:cursor-not-allowed flex items-center justify-center rounded-full;\n      }\n    }\n  }\n\n  &__results {\n    @apply w-full relative;\n  }\n}\n"]}