{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfFooter.scss"],"names":[],"mappings":"AACE,YAAA,iBAAA,CAAA,sDAAA,CAAA,kBAAA,CAII,0BAAA,YAAA,CAAA,6BAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,yBAAA,0BAAA,mCAAA,CAAA,mBAAA,CAAA,oBAAA,CAAA,CAIA,6BAAA,gBAAA,CAAA,qBAAA,CAAA,kBAAA,CAAA,0BAAA,6BAAA,YAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,CAIA,6BAAA,iBAAA,CAAA,mDAAA,CAGE,sCAAA,wBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,mBAAA,CAAA,0BAAA,sCAAA,YAAA,CAAA,qBAAA,CAAA,kBAAA,CAAA,CAOF,yBAAA,aAAA,CAAA,yBAAA,yBAAA,aAAA,CAAA,mBAAA,CAAA,CAII,uEAAA,mBAAA,CAAA,0CAAA,CAAA,8BAAA,CAMJ,4BAAA,gBAAA,CAAA,iBAAA,CAMF,oDAAA,YAAA,CAAA,sBAAA,CAAA,oBAAA,CAAA,iBAAA,CAIA,0BAAA,0BAAA,qBAAA,CAAA,CAIA,0BAAA,UAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,0BAAA,0BAAA,eAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,CAME,yDAAA,mBAAA,CAAA,0CAAA,CAAA,wBAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,mBAAA,CAIA,6BAAA,oBAAA,CAIA,gCAAA,mBAAA,CAAA,0CAAA,CAAA,wBAAA,CAAA,oBAAA,CAAA,iBAAA,CAIA,4BAAA,mBAAA,CAAA,gBAAA,CAAA,qBAAA,CAAA,kBAAA,CAIA,iCAAA,mBAAA,CAAA,6CAAA,CAAA,iBAAA,CAGE,2CAAA,oBAAA,CAAA,wCAAA,iDAAA,iBAAA,CAAA,qBAAA,CAAA,oDAAA,CAAA,yBAAA,CAAA,oCAAA,CAAA,sDAAA,CAAA,kGAAA,CAAA,CAQE,oKAAA,8BAAA,CASJ,0IAAA,iBAAA,CAAA,mBAAA,CAIA,iCAAA,mBAAA,CAAA,6CAAA,CAAA,wBAAA,CAIA,iCAAA,eAAA,CAAA,wBAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,iBAAA,CAAA,0BAAA,iCAAA,kBAAA,CAAA,CAIA,wCAAA,mBAAA,CAAA,0CAAA,CAAA,wBAAA","file":"VsfFooter.css","sourcesContent":[".vsf-footer {\n  @apply pt-10 bg-gray-100;\n\n  &__section {\n    &--top {\n      @apply grid justify-center grid-cols-[1fr_1fr] medium:grid-cols-[repeat(4,1fr)] px-4 medium:px-6 pb-10 max-w-[1536px] mx-auto;\n    }\n\n    &--middle {\n      @apply py-10 large:flex large:mx-auto max-w-[1536px];\n    }\n\n    &--bottom {\n      @apply bg-gray-900;\n\n      &__wrapper {\n        @apply justify-end px-4 py-10 large:flex large:py-6 max-w-[1536px] mx-auto;\n      }\n    }\n  }\n\n  &__column {\n    &--top {\n      @apply min-w-[25%] extra-small:min-w-[50%] extra-small:pb-4;\n\n      a, button {\n        &:hover{\n          @apply text-gray-900 underline;\n        }\n      }\n    }\n\n    &--middle {\n      @apply mx-auto my-4 text-center;\n    }\n  }\n\n  &__social-media,\n  &__bottom-links {\n    @apply py-2 flex justify-center;\n  }\n\n  &__social-media {\n    @apply large:self-start;\n  }\n\n  &__bottom-links {\n    @apply gap-6 my-4 large:ml-auto large:my-0;\n  }\n\n  &__label {\n    &--category,\n    &--contact {\n      @apply font-medium leading-7 font-body text-gray-900 text-lg;\n    }\n\n    &--category {\n      @apply pb-2;\n    }\n\n    &--subcategory {\n      @apply py-2 text-gray-600 font-body;\n    }\n\n    &--contact {\n      @apply py-1 my-2;\n    }\n\n    &--social-media {\n      @apply mr-4 text-white;\n\n      .vsf-icon {\n        @apply hover:bg-gray-500 hover:shadow-[0_0_0_8px] hover:shadow-gray-500 rounded-full;\n      }\n    }\n\n    &--contact,\n    &--bottom-links {\n      > a, > button {\n        &:hover{\n          @apply underline;\n        }\n      }\n    }\n\n    &--bottom-links,\n    &--company-name,\n    &--contact-description,\n    &--subcategory  {\n      @apply text-sm leading-5;\n    }\n\n    &--bottom-links {\n      @apply text-white font-body;\n    }\n\n    &--company-name {\n      @apply py-2 text-center text-white/50 font-body large:ml-6;\n    }\n\n    &--contact-description {\n      @apply text-gray-600 font-body;\n    }\n  }\n}\n"]}