{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfNavbarTop.scss","../../sass/components/VsfNavbarTop.scss"],"names":[],"mappings":"AAEE,gBAAA,qBAAA,CAAA,iBAAA,CAAA,sDAAA,CAAA,uBAAA,CAAA,sDAAA,CAAA,YAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,yBAAA,gBAAA,WAAA,CAAA,CAGE,wCAAA,iBAAA,CAAA,mBAAA,CAAA,oDAAA,CAAA,cAAA,CAAA,6CAAA,CAGE,+DAAA,mBAAA,CAAA,wBAAA,CAAA,6CAAA,CAAA,wCAAA,qEAAA,iBAAA,CAAA,oDAAA,CAAA,CAGE,6IAHF,iBAAA,CAAA,mDAGE,CAAA,uEAAA,mBAAA,CAAA,6CAAA,CAMJ,2BAAA,kBAAA,CAAA,YAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,WAAA,CAAA,6BAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,yBAAA,2BAAA,mBAAA,CAAA,oBAAA,CAAA,CAEA,6CACE,mCCHN,CDQI,uBAAA,mBAAA,CAAA,kBAAA,CAAA,qBAAA,CAAA,2CAAA,CAAA,cAAA,CAAA,mBAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,aAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,iBAAA,CAAA,kBAAA,CAAA,wCAAA,6BAAA,iBAAA,CAAA,mBAAA,CAAA,sDAAA,CAAA,2CAAA,CAAA,CAAA,8BAAA,iBAAA,CAAA,mBAAA,CAAA,sDAAA,CAAA,2CAAA,CAGE,6BAAA,kBAAA,CAAA,mBAAA,CAIA,+BAAA,iBAAA,CAAA,mBAAA,CAAA,sDAAA,CAAA,2CAAA,CAIA,6BAAA,oBAAA,CAAA,kBAAA,CAKF,uCAAA,YAAA,CAAA,kBAAA,CAAA,gBAAA,CAEE,+EAAA,mBAAA,CAMJ,YAAA,WAAA","file":"VsfNavbarTop.css","sourcesContent":[".vsf-navbar-top {\n  $self: &;\n  @apply w-full h-14 md:h-20 bg-white border-b border-gray-200 flex justify-center;\n\n  &--branded#{&} {\n    @apply bg-primary-700 text-white border-0;\n\n    .vsf-navbar-top-action {\n      @apply text-white bg-transparent hover:bg-primary-800 active:bg-primary-900;\n\n      &--active {\n        @apply text-white bg-primary-900;\n      }\n    }\n  }\n\n  &__container {\n    @apply flex items-center flex-row flex-nowrap justify-between h-full max-w-[1536px] w-full px-4 md:px-10;\n\n    > *:not(:last-child) {\n      margin-right: clamp(1rem, 3vw, 2.5rem); // workaround to make gaps responsive\n    }\n  }\n\n  &-action {\n    @apply inline-flex items-center justify-center cursor-pointer font-body font-medium rounded-md text-base h-10 px-4 text-primary-700 hover:bg-primary-100 active:bg-primary-200 hover:text-primary-600 active:text-primary-700;\n\n    &--icon {\n      @apply px-2;\n    }\n\n    &--active {\n      @apply text-primary-700 bg-primary-200;\n    }\n\n    &__icon {\n      @apply mr-2 -ml-0.5;\n    }\n  }\n\n  &__action-group__wrapper {\n    @apply flex flex-row flex-nowrap;\n    > #{$self}-action:not(:last-child) {\n      @apply mr-1; // flex row gap replacement\n    }\n  }\n}\n\n.vsf-spacer {\n  @apply flex-grow;\n}\n",".vsf-navbar-top {\n  @apply w-full h-14 md:h-20 bg-white border-b border-gray-200 flex justify-center;\n}\n.vsf-navbar-top--branded.vsf-navbar-top {\n  @apply bg-primary-700 text-white border-0;\n}\n.vsf-navbar-top--branded.vsf-navbar-top .vsf-navbar-top-action {\n  @apply text-white bg-transparent hover:bg-primary-800 active:bg-primary-900;\n}\n.vsf-navbar-top--branded.vsf-navbar-top .vsf-navbar-top-action--active {\n  @apply text-white bg-primary-900;\n}\n.vsf-navbar-top__container {\n  @apply flex items-center flex-row flex-nowrap justify-between h-full max-w-[1536px] w-full px-4 md:px-10;\n}\n.vsf-navbar-top__container > *:not(:last-child) {\n  margin-right: clamp(1rem, 3vw, 2.5rem);\n}\n.vsf-navbar-top-action {\n  @apply inline-flex items-center justify-center cursor-pointer font-body font-medium rounded-md text-base h-10 px-4 text-primary-700 hover:bg-primary-100 active:bg-primary-200 hover:text-primary-600 active:text-primary-700;\n}\n.vsf-navbar-top-action--icon {\n  @apply px-2;\n}\n.vsf-navbar-top-action--active {\n  @apply text-primary-700 bg-primary-200;\n}\n.vsf-navbar-top-action__icon {\n  @apply mr-2 -ml-0.5;\n}\n.vsf-navbar-top__action-group__wrapper {\n  @apply flex flex-row flex-nowrap;\n}\n.vsf-navbar-top__action-group__wrapper > .vsf-navbar-top-action:not(:last-child) {\n  @apply mr-1;\n}\n\n.vsf-spacer {\n  @apply flex-grow;\n}"]}