{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfSelect.scss"],"names":[],"mappings":"AAEI,qBAAA,iBAAA,CAIA,sBAAA,UAAA,CAIA,2BAAA,qBAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,wBAAA,CAAA,iCAAA,yBAAA,CAAA,iBAAA,CAAA,mBAAA,CAAA,gBAAA,CAAA,6CAAA,CAAA,iBAAA,CAAA,mBAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,UAAA,CAAA,cAAA,CAAA,+EAAA,yBAAA,CAAA,6LAAA,CAAA,8CAAA,kBAAA,CAGE,6CAAA,yBAAA,CAAA,yBAAA,CAAA,cAAA,CAAA,6LAAA,CAKF,mBAAA,mBAAA,CAAA,qGAAA,CAAA,yMAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,eAAA,CAAA,wBAAA,CAAA,qBAAA,CAAA,0CAAA,CAAA,cAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,8CAAA,kGAAA,CAAA,2BAAA,qGAAA,CAAA,yMAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,wCAAA,yBAAA,yBAAA,CAAA,oCAAA,CAAA,CAAA,0BAAA,qGAAA,CAAA,yMAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,kGAAA,CAAA,4BAAA,iBAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,sDAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,UAAA,CAGE,0BAAA,sBAAA,CAAA,mBAAA,CAIA,0BAAA,cAAA,CAAA,kBAAA,CAAA,qBAAA,CAAA,kBAAA,CAIA,4BAAA,qGAAA,CAAA,yMAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,kGAAA,CAKF,6CAAA,iBAAA,CAAA,sDAAA,CAAA,iBAAA,CAAA,mBAAA,CAGE,2DAAA,cAAA,CAAA,kBAAA,CAKF,mBAAA,mBAAA,CAAA,0CAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,wCAAA,gBAAA,CAAA,yBAAA,CAAA,iBAAA,CAAA,mBAAA,CAAA,kCAAA,eAAA,CAAA,kBAAA,CAIA,wBAAA,mBAAA,CAAA,2CAAA,CAAA,aAAA,CAAA,iBAAA,CAAA,eAAA,CAAA,mBAAA,CAAA,iBAAA,CAQA,6CAJA,mBAAA,CAAA,6CAAA,CAAA,aAAA,CAAA,gBAAA,CAAA,gBAAA,CAAA,iBAIA","file":"VsfSelect.css","sourcesContent":[".vsf-select {\n  &__wrapper {\n    @apply relative;\n  }\n\n  &--disabled {\n    @apply opacity-50;\n  }\n\n  &__wrapper-input {\n    @apply after:absolute box-border flex flex-col font-body after:pointer-events-none after:content-['>'] after:top-1/3 after:-translate-y-1 after:right-4 after:rotate-90 after:text-xl after:text-gray-500 focus-within:after:-rotate-90;\n    \n    &--with-label {\n      @apply after:top-1/3 after:translate-y-2.5;\n    }    \n  }\n\n  &__input {\n    @apply appearance-none disabled:cursor-not-allowed cursor-pointer order-2 py-2 pl-4 pr-3.5 text-gray-900 bg-transparent shadow-inner-border shadow-gray-300 rounded-md hover:shadow-primary-700 active:shadow-inner-border-bolded active:shadow-primary-700 disabled:bg-gray-100 disabled:opacity-50 disabled:text-gray-900/40 disabled:shadow-gray-200 invalid:shadow-negative-600 invalid:shadow-inner-border-bolded;\n\n    &--small {\n      @apply py-1.5;\n    }\n\n    &--large {\n      @apply py-3 text-base;\n    }\n\n    &--invalid {\n      @apply shadow-negative-600 shadow-inner-border-bolded;\n    }\n  }\n\n  &__option, &__placeholder {\n    @apply bg-gray-300 text-sm;\n\n    &--large {\n      @apply text-base;\n    }\n  }\n\n  &__label {\n    @apply peer-required:after:content-['*'] peer-required:after:text-sm order-1 mb-1 text-sm text-gray-900 peer-disabled:text-gray-500/50 peer-disabled:cursor-not-allowed pointer-events-none font-medium;\n  }\n\n  &__error-text {\n    @apply block mt-1 text-sm font-medium text-negative-600;\n  }\n\n  &__help-text {\n    @apply block mt-1 text-xs text-gray-500;\n  }\n\n  &__required {\n    @apply block mt-1 text-xs text-gray-500;\n  }\n}\n"]}