{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfSideSheet.scss","../../sass/components/VsfSideSheet.scss"],"names":[],"mappings":"AACE,gBAAA,WAAA,CAAA,UAAA,CAGE,uBAAA,qBAAA,CAAA,iBAAA,CAAA,sDAAA,CAAA,sDAAA,CAAA,gBAAA,CAAA,WAAA,CAAA,iBAAA,CAEA,6BAFA,CAKE,8BAAA,+DAAA,CAAA,iGAAA,CAAA,cAAA,CAAA,QAAA,CAAA,kGAAA,CAAA,cAAA,CAAA,KAAA,CAIA,qCAAA,mBAAA,CAAA,wBAAA,CAAA,6CAAA,CAAA,iBAAA,CAAA,WAAA,CAAA,SAAA,CAIA,kCAAA,MAAA,CAIA,mCAAA,OAAA,CAMA,gKACE,uBCPR,CDUM,4VACE,2BCRR,CDaM,0iBACE,oCCXR,CDgBM,oKACE,uBCdR,CDiBM,oWACE,0BCfR,CDmBI,+FACE,uBCjBN","file":"VsfSideSheet.css","sourcesContent":[".vsf-side-sheet {\n  @apply h-full w-full;\n\n  &__aside {\n    @apply absolute bg-white h-full  border border-gray-200;\n\n    width: min(calc(100vw - 56px), 376px);\n\n    &--fixed {\n      @apply fixed top-0 bottom-0 shadow-lg border-0;\n    }\n\n    &__close-button {\n      @apply bg-transparent absolute top-2 right-2 text-gray-500;\n    }\n\n    &--left-side {\n      @apply left-0;\n    }\n\n    &--right-side {\n      @apply right-0;\n    }\n  }\n\n  &__slide {\n    &-left-vue, &-left-react {\n      &-exit, &-leave-to {\n        transform: translateX(0%);\n      }\n\n      &-exit-active, &-leave-active, &-enter, &-enter-from {\n        transform: translateX(-100%);\n      }\n    }\n\n    &-left-vue, &-left-react, &-right-vue, &-right-react {\n      &-exit-active, &-leave-active, &-enter-active {\n        transition: transform 500ms ease-in-out;\n      }\n    }\n\n    &-right-vue, &-right-react {\n      &-exit, &-leave-to {\n        transform: translateX(0%);\n      }\n\n      &-exit-active, &-leave-active, &-enter, &-enter-from {\n        transform: translateX(100%);\n      }\n    }\n\n    &-right-react-enter-active, &-left-react-enter-active {\n      transform: translateX(0%);\n    }\n  }\n}\n",".vsf-side-sheet {\n  @apply h-full w-full;\n}\n.vsf-side-sheet__aside {\n  @apply absolute bg-white h-full  border border-gray-200;\n  width: min(100vw - 56px, 376px);\n}\n.vsf-side-sheet__aside--fixed {\n  @apply fixed top-0 bottom-0 shadow-lg border-0;\n}\n.vsf-side-sheet__aside__close-button {\n  @apply bg-transparent absolute top-2 right-2 text-gray-500;\n}\n.vsf-side-sheet__aside--left-side {\n  @apply left-0;\n}\n.vsf-side-sheet__aside--right-side {\n  @apply right-0;\n}\n.vsf-side-sheet__slide-left-vue-exit, .vsf-side-sheet__slide-left-vue-leave-to, .vsf-side-sheet__slide-left-react-exit, .vsf-side-sheet__slide-left-react-leave-to {\n  transform: translateX(0%);\n}\n.vsf-side-sheet__slide-left-vue-exit-active, .vsf-side-sheet__slide-left-vue-leave-active, .vsf-side-sheet__slide-left-vue-enter, .vsf-side-sheet__slide-left-vue-enter-from, .vsf-side-sheet__slide-left-react-exit-active, .vsf-side-sheet__slide-left-react-leave-active, .vsf-side-sheet__slide-left-react-enter, .vsf-side-sheet__slide-left-react-enter-from {\n  transform: translateX(-100%);\n}\n.vsf-side-sheet__slide-left-vue-exit-active, .vsf-side-sheet__slide-left-vue-leave-active, .vsf-side-sheet__slide-left-vue-enter-active, .vsf-side-sheet__slide-left-react-exit-active, .vsf-side-sheet__slide-left-react-leave-active, .vsf-side-sheet__slide-left-react-enter-active, .vsf-side-sheet__slide-right-vue-exit-active, .vsf-side-sheet__slide-right-vue-leave-active, .vsf-side-sheet__slide-right-vue-enter-active, .vsf-side-sheet__slide-right-react-exit-active, .vsf-side-sheet__slide-right-react-leave-active, .vsf-side-sheet__slide-right-react-enter-active {\n  transition: transform 500ms ease-in-out;\n}\n.vsf-side-sheet__slide-right-vue-exit, .vsf-side-sheet__slide-right-vue-leave-to, .vsf-side-sheet__slide-right-react-exit, .vsf-side-sheet__slide-right-react-leave-to {\n  transform: translateX(0%);\n}\n.vsf-side-sheet__slide-right-vue-exit-active, .vsf-side-sheet__slide-right-vue-leave-active, .vsf-side-sheet__slide-right-vue-enter, .vsf-side-sheet__slide-right-vue-enter-from, .vsf-side-sheet__slide-right-react-exit-active, .vsf-side-sheet__slide-right-react-leave-active, .vsf-side-sheet__slide-right-react-enter, .vsf-side-sheet__slide-right-react-enter-from {\n  transform: translateX(100%);\n}\n.vsf-side-sheet__slide-right-react-enter-active, .vsf-side-sheet__slide-left-react-enter-active {\n  transform: translateX(0%);\n}"]}