{
  "version": 3,
  "sources": ["src/app/customers/layout/component-layout/my-tabs/my-tabs.component.scss"],
  "sourcesContent": [".tabs {\r\n  height: 100%;\r\n\r\n  &__header {\r\n    display: flex;\r\n    align-items: center;\r\n    border-bottom: 1px solid\r\n      rgba(var(--black-rgb), var(--black-rgb), var(--black-rgb), 0.15);\r\n    font-size: 1.1rem;\r\n    // font-family: \"Ruluko\";\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n    white-space: nowrap;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n\r\n    &::-webkit-scrollbar {\r\n      width: 0 !important;\r\n      height: 0 !important;\r\n    }\r\n\r\n    &.lg {\r\n      font-size: 1.25rem;\r\n    }\r\n\r\n    &.sm {\r\n      font-size: 1rem;\r\n      @media (max-width: 768px) {\r\n        font-size: 0.9rem;\r\n      }\r\n    }\r\n\r\n    &.design-2 {\r\n      // box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\r\n      font-size: 1.05rem;\r\n      border-radius: 0.5em;\r\n      overflow: hidden;\r\n      display: inline-flex;\r\n      border-bottom: 0;\r\n      white-space: nowrap;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n\r\n      &::-webkit-scrollbar {\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n      }\r\n\r\n      .tabs__header--item {\r\n        margin: 0;\r\n        padding: 0.4em 1em;\r\n        position: relative;\r\n        cursor: pointer;\r\n        transition: 0.25s;\r\n        background-color: rgba(\r\n          var(--black-rgb),\r\n          var(--black-rgb),\r\n          var(--black-rgb),\r\n          0.04\r\n        );\r\n\r\n        &:hover,\r\n        &.active {\r\n          color: var(--white);\r\n          background-color: var(--primary);\r\n        }\r\n\r\n        &::after {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      @media (max-width: 768px) {\r\n        font-size: 0.8rem;\r\n      }\r\n    }\r\n\r\n    &.design-3 {\r\n      // box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\r\n      font-size: 1.05rem;\r\n      border-radius: 0.5em;\r\n      overflow: hidden;\r\n      display: inline-flex;\r\n      border-bottom: 0;\r\n      white-space: nowrap;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n\r\n      &::-webkit-scrollbar {\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n      }\r\n\r\n      .tabs__header--item {\r\n        margin: 0;\r\n        padding: 0.4em 1em;\r\n        position: relative;\r\n        cursor: pointer;\r\n        transition: 0.25s;\r\n        background-color: rgba(\r\n          var(--black-rgb),\r\n          var(--black-rgb),\r\n          var(--black-rgb),\r\n          0.04\r\n        );\r\n\r\n        &:hover,\r\n        &.active {\r\n          color: var(--white);\r\n          background-color: var(--primary);\r\n        }\r\n\r\n        &::after {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      @media (max-width: 768px) {\r\n        font-size: 0.8rem;\r\n      }\r\n    }\r\n\r\n    &.design-4 {\r\n      font-size: 1.05rem;\r\n      overflow: hidden;\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n\r\n      &::-webkit-scrollbar {\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n      }\r\n\r\n      .tabs__header--item {\r\n        margin: 0;\r\n        padding: 0.6em 1em;\r\n        position: relative;\r\n        cursor: pointer;\r\n        transition: 0.25s;\r\n        color: var(--primary);\r\n\r\n        &:hover,\r\n        &.active {\r\n          color: var(--white);\r\n          border-radius: 0.5em 0.5em 0 0;\r\n          background-color: var(--primary);\r\n        }\r\n\r\n        &::after {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      @media (max-width: 768px) {\r\n        font-size: 0.8rem;\r\n      }\r\n    }\r\n\r\n    &.design-5 {\r\n      // box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\r\n      font-size: 1.05rem;\r\n      border-radius: 0;\r\n      white-space: nowrap;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n\r\n      &::-webkit-scrollbar {\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n      }\r\n\r\n      .tabs__header--item {\r\n        position: relative;\r\n        cursor: pointer;\r\n        transition: 0.25s;\r\n        margin: 0;\r\n        padding: 0em 0.5em;\r\n        font-size: 0.92em;\r\n        // border-right: 2px solid rgba(var(--black-rgb), var(--black-rgb), var(--black-rgb), 0.5);\r\n        &:last-child {\r\n          &::before {\r\n            display: none;\r\n          }\r\n        }\r\n\r\n        &:hover,\r\n        &.active {\r\n          color: var(--primary);\r\n\r\n          &::after {\r\n            width: 60%;\r\n          }\r\n        }\r\n\r\n        &::before {\r\n          content: \"\";\r\n          position: absolute;\r\n          right: 0;\r\n          width: 2px;\r\n          height: 75%;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          background-color: rgba(\r\n            var(--black-rgb),\r\n            var(--black-rgb),\r\n            var(--black-rgb),\r\n            0.15\r\n          );\r\n        }\r\n      }\r\n    }\r\n\r\n    // margin: 0 -0.5em;\r\n    &--item {\r\n      margin: 0 0.6em;\r\n      padding-bottom: 0.25em;\r\n      position: relative;\r\n      cursor: pointer;\r\n      transition: 0.25s;\r\n      text-transform: capitalize;\r\n      font-size: 1em;\r\n      &:hover,\r\n      &.active {\r\n        color: var(--primary);\r\n\r\n        &::after {\r\n          width: 90%;\r\n        }\r\n      }\r\n\r\n      &::after {\r\n        content: \"\";\r\n        display: block;\r\n        width: 0;\r\n        height: 3px;\r\n        border-radius: 1px;\r\n        background-color: var(--primary);\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        margin-top: -1px;\r\n        transition: all 0.3s ease 50ms;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__content {\r\n    margin-top: 0.5em;\r\n    // height: calc(100% - 3em);\r\n    // overflow-x: hidden;\r\n  }\r\n}\r\n\r\n.slider-tab {\r\n  margin: 0;\r\n  // padding: 0.6em 1em !important;\r\n  padding: 0.5em !important;\r\n  position: relative;\r\n  cursor: pointer;\r\n  transition: 0.25s;\r\n  color: #000;\r\n  border-radius: 0.5em 0.5em 0 0;\r\n  font-size: 1.05rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n  max-width: fit-content;\r\n}\r\n\r\n.slider-tab.active {\r\n  background-color: rgba(\r\n    var(--black-rgb),\r\n    var(--black-rgb),\r\n    var(--black-rgb),\r\n    0.1\r\n  ) !important;\r\n  color: #000 !important;\r\n}\r\n"],
  "mappings": "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",
  "names": []
}