{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfCheckbox.scss"],"names":[],"mappings":"AAII,uBAAA,kBAAA,CAAA,YAAA,CAII,0CAAA,kBAAA,CAIA,2CAAA,0BAAA,CAAA,6BAAA,CAGE,gEAAA,aAAA,CAON,qBAAA,0CAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,kBAAA,CAAA,kBAAA,CAIA,0CAJA,mBAAA,CAAA,cAIA,CAAA,qBAAA,iBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,qBAAA,CAAA,gBAAA,CAAA,6CAAA,CAAA,YAAA,CAAA,WAAA,CAAA,cAAA,CAAA,6BAAA,gTAAA,CAAA,gEAAA,mBAAA,CAAA,2CAAA,CAAA,mCAAA,uLAAA,CAAA,wCAAA,2BAAA,qBAAA,CAAA,oDAAA,CAAA,4EAAA,mBAAA,CAAA,2CAAA,CAAA,CAAA,4BAAA,qBAAA,CAAA,mDAAA,CAAA,oCAAA,mBAAA,CAAA,0CAAA,CAGE,2DAAA,qBAAA,CAAA,oDAAA,CAAA,wCAAA,uEAAA,qBAAA,CAAA,oDAAA,CAAA,CAAA,yEAAA,qBAAA,CAAA,oDAAA,CAKF,4BAAA,cAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,wBAAA,CAGE,oCAAA,gBAAA,CAID,qCAAA,aAAA,CAKD,gFAAA,iBAAA,CAAA,mBAAA,CAIA,0BAAA,mBAAA,CAAA,2CAAA,CAAA,eAAA,CAAA,kBAAA,CAIA,yBAAA,gBAAA,CAAA,gBAAA,CAAA,kBAAA,CAIA,sDAJA,mBAAA,CAAA,6CAIA,CAAA,6BAAA,aAAA,CAAA,gBAAA,CAAA,oCAAA,gBAAA,CAAA,yBAAA,CAKE,6CAAA,mBAAA,CAAA,6CAAA,CAAA,kBAAA,CAAA,wCAAA,mDAAA,mBAAA,CAAA,yBAAA,CAAA,6CAAA,CAAA,CAIA,qGAAA,UAAA,CAIA,kGAAA,qBAAA,CAMA,mDAAA,gBAAA,CAAA,yBAAA","file":"VsfCheckbox.css","sourcesContent":[".vsf-checkbox {\n  $self: &;\n\n  &__wrapper {\n    @apply flex items-center;\n\n    &--alignment {\n      &-leading {\n        @apply flex-row;\n      }\n\n      &-trailing {\n        @apply flex-row-reverse justify-between;\n\n        #{$self}__label {\n          @apply ml-0;\n        }\n      }\n    }\n  }\n\n  &__label {\n    @apply text-gray-900 font-body text-base ml-3 cursor-pointer;\n  }\n\n  &__input {\n    @apply flex self-center h-[18px] min-w-[18px] border-2 rounded-sm appearance-none cursor-pointer text-gray-500 hover:border-primary-800 active:border-primary-900 hover:checked:text-primary-800 hover:indeterminate:text-primary-800 active:checked:text-primary-900 checked:text-primary-700 checked:bg-checked-checkbox-current border-current indeterminate:bg-indeterminate-checkbox-current indeterminate:text-primary-700;\n\n    &--invalid, &:invalid {\n      @apply border-negative-700 hover:border-negative-800 active:border-negative-900;\n    }\n  }\n\n  &__text-wrapper {\n    @apply font-body cursor-pointer flex flex-col;\n\n    &-leading {\n      @apply ml-8;\n     }\n\n    &-trailing {\n     @apply ml-0;\n    }\n  }\n\n  &__error-text, &__help-text, &__required-text {\n    @apply text-sm;\n  }\n\n  &__error-text {\n    @apply text-negative-700 font-medium mt-0.5;\n  }\n\n  &__help-text {\n    @apply text-xs mt-0.5 text-gray-500;\n  }\n\n  &__required-text {\n    @apply text-gray-500 mt-2 before:content-['*'] block;\n  }\n\n  &--disabled {\n    #{$self}__input {\n      @apply text-gray-300 hover:text-gray-300 hover:border-current cursor-not-allowed;\n    }\n\n    #{$self}__text-wrapper, #{$self}__help-text {\n      @apply opacity-50;\n    }\n\n    #{$self}__label, #{$self}__required-text  {\n      @apply text-opacity-40;\n    }\n  }\n\n  &--required {\n    #{$self}__label {\n      @apply after:content-['*'];\n    }\n  }\n}\n"]}