{"version":3,"sources":["tabs/tab.scss","tabs/_variables.scss","tabs/tabs.scss","tabs/tabs-header.scss","tabs/tabs-line.scss"],"names":[],"mappings":"AAEA,mBAIE,kBAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAHA,6BAAA,CAAA,qBAAA,CASA,4CCKU,CDJV,cAAA,CATA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,cAAA,CAAA,UAAA,CAAA,MAAA,CAKA,uDCSc,CDZd,8BAAA,CAAA,sBAAA,CAIA,6DCSgB,CDZhB,WAAA,CACA,oDCSY,CDhBZ,iBAWA,CAEA,2BAEE,qECIe,CDLf,qECKe,CDDjB,6BACE,qDCEiB,CDDjB,kBAAA,CAGF,4BAEE,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CADA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,8BAAA,CAAA,sBAAA,CE3BJ,cACE,iBAAA,CAEA,qBAEE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,WAAA,CAHA,iBAAA,CAEA,UAAA,CAEA,gBAAA,CAKA,iCACE,eAAA,CAIA,sGAGE,mBAAA,CADA,6BAAA,CAAA,qBAAA,CACA,qBAAA,CAAA,aAAA,CACA,UAAA,CAGF,iEACE,QAAA,CACA,gBAAA,CCxBJ,wCACE,mCFDa,CEMnB,oBACE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,eAAA,CAEA,8BACE,cAAA,CAGF,oCAEE,QAAA,CADA,QACA,CAKA,kCAIE,eAAA,CAHA,8BAAA,CAAA,sBAAA,CAEA,WAAA,CADA,UAEA,CAGF,kCAKE,qKAAA,CACA,wEF7BoB,CEwBpB,6BAAA,CAAA,qBAAA,CAEA,mCF9Ba,CE+Bb,uDF9Ba,CE4Bb,UFzBoB,CEgCtB,+CACE,YAAA,CAKF,mDACE,kBAAA,CAAA,qBAAA,CAAA,iBAAA,CAAA,aAAA,CACA,gCAAA,CAKN,mBAIE,6DFhD0B,CE8C1B,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CADA,iBAAA,CAEA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBF/C0B,CEkD1B,yBAGE,mBAAA,CAGF,kDALE,8BAAA,CAAA,sBAAA,CACA,WAMA,CAEA,4CAEE,+GAAA,CADA,qEACA,CAEA,uDACE,cAAA,CAGF,oDAEE,0EF7EY,CE4EZ,uBF5EY,CEgFd,sDACE,qDF7Da,CGtBrB,oBAME,4GHO2B,CGN3B,wEHKwB,CGVxB,QAAA,CAGA,kCHMiB,CGVjB,iBAAA,CAOA,0BAAA,CAAA,sBAAA,CAAA,kBAAA,CAJA,iCHMgB,CGPhB,SAKA,CAEA,4BACE,0BAAA,CAAA,sBAAA,CAAA,kBAAA","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}tabs__tab {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  padding: $tab-padding;\n  font-size: $tab-font-size;\n  line-height: $tab-line-height;\n  color: $tab-color;\n  cursor: pointer;\n\n  &--active {\n    font-weight: $tab-active-font-weight;\n    color: $tab-active-color;\n  }\n\n  &--disabled {\n    color: $tab-disabled-color;\n    cursor: not-allowed;\n  }\n\n  &__content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n// Tabs styles\n$tabs-active-color: var(--tabs-active-color, var(--danger-color, $danger-color));\n$tabs-wrap-height: var(--tabs-wrap-height, 44px * $hd);\n$tabs-card-height: var(--tabs-card-height, 30px * $hd);\n$tabs-card-margin: var(--tabs-card-margin, 0 var(--padding-md, $padding-md));\n$tabs-card-border-width: var(--tabs-card-border-width, var(--border-width-base, $border-width-base));\n$tabs-card-border-color: var(--tabs-card-border-color, $tabs-active-color);\n$tabs-card-border-radius: var(--tabs-card-border-radius, var(--border-radius-sm, $border-radius-sm));\n$tabs-nav-background-color: var(--tabs-nav-background-color, var(--white, $white));\n$tabs-line-width: var(--tabs-line-width, 40px * $hd);\n$tabs-line-height: var(--tabs-line-height, 3px * $hd);\n$tabs-line-border-radius: var(--tabs-line-border-radius, $tabs-line-height);\n$tabs-line-background-color: var(--tabs-line-background-color, $tabs-active-color);\n\n// Tab styles\n$tab-color: var(--tab-color, var(--gray-7, $gray-7));\n$tab-padding: var(--tab-padding, 0 var(--padding-base, $padding-base));\n$tab-font-size: var(--tab-font-size, var(--font-size-md, $font-size-md));\n$tab-line-height: var(--tab-line-height, var(--line-height-md, $line-height-md));\n$tab-active-color: var(--tab-active-color, var(--text-color, $text-color));\n$tab-active-font-weight: var(--tab-active-font-weight, var(--font-weight-bold, $font-weight-bold));\n$tab-disabled-color: var(--tab-disabled-color, var(--gray-5, $gray-5));\n","@import \"./variables\";\n\n.#{$component-prefix}tabs {\n  position: relative;\n\n  &__track {\n    position: relative;\n    display: flex;\n    width: 100%;\n    height: 100%;\n    will-change: left;\n  }\n\n  &__content {\n\n    &--animated {\n      overflow: hidden;\n    }\n\n    .#{$component-prefix}tabs__tab-pane {\n      &,\n      &-wrapper {\n        box-sizing: border-box;\n        flex-shrink: 0;\n        width: 100%;\n      }\n\n      &-wrapper--inactive {\n        height: 0;\n        overflow: visible;\n      }\n    }\n  }\n}\n","@import \"./variables\";\n\n.#{$component-prefix}tabs {\n\n  &--line {\n    .#{$component-prefix}tabs__wrap {\n      height: $tabs-wrap-height;\n    }\n  }\n}\n\n.#{$component-prefix}tabs__wrap {\n  display: flex;\n  overflow: hidden;\n\n  &--page-top {\n    position: fixed;\n  }\n\n  &--content-bottom {\n    top: auto;\n    bottom: 0;\n  }\n\n  &__scroll {\n\n    &--line {\n      box-sizing: content-box;\n      width: 100%;\n      height: 100%;\n      background: #fff;\n    }\n\n    &--card {\n      box-sizing: border-box;\n      width: 100%;\n      height: $tabs-card-height;\n      margin: $tabs-card-margin;\n      border: $tabs-card-border-width solid $tabs-card-border-color;\n      border-radius: $tabs-card-border-radius;\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  &--scrollable {\n    .#{$component-prefix}tabs__tab {\n      flex: 1 0 auto;\n      padding: 0 var(--padding-sm, $padding-sm);\n    }\n  }\n}\n\n.#{$component-prefix}tabs__nav {\n  position: relative;\n  display: flex;\n  user-select: none;\n  background: $tabs-nav-background-color;\n\n  &--line {\n    box-sizing: content-box;\n    height: 100%;\n    padding-bottom: 15px * $hd; /* 15px padding to hide scrollbar in mobile safari */\n  }\n\n  &--card {\n    box-sizing: content-box;\n    height: 100%;\n\n    .#{$component-prefix}tabs__tab {\n      color: $tabs-active-color;\n      border-right: var(--border-width-base, $border-width-base) solid $tabs-active-color;\n\n      &:last-child {\n        border-right: 0 none;\n      }\n\n      &--active {\n        color: var(--white, $white);\n        background: $tabs-active-color;\n      }\n\n      &--disabled {\n        color: $tab-disabled-color;\n      }\n    }\n  }\n}\n\n","@import \"./variables\";\n\n.#{$component-prefix}tabs__line {\n  position: absolute;\n  bottom: 0;\n  z-index: 1;\n  width: $tabs-line-width;\n  height: $tabs-line-height;\n  background: $tabs-line-background-color;\n  border-radius: $tabs-line-border-radius;\n  transform: scale(0);\n\n  &--active {\n    transform: scale(1);\n  }\n}\n"]}