{
  "version": 3,
  "sources": ["src/app/customers/community/member-page/me/nearbyproducts-me/nearbyproducts-me.component.scss"],
  "sourcesContent": [".near-by {\r\n  &--arrow {\r\n    text-align: center;\r\n    cursor: pointer;\r\n    font-size: 1.25em;\r\n    transition: 0.25s;\r\n    &.active {\r\n      transform: rotate(180deg);\r\n    }\r\n  }\r\n  &--content {\r\n    overflow: hidden;\r\n    max-height: 0;\r\n    transition: 0.5s;\r\n    &.active {\r\n      max-height: 50vh;\r\n    }\r\n    &__header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin: 0.5em 0;\r\n      .search {\r\n        position: relative;\r\n        margin: 0 0.1em;\r\n        @media only screen and (max-width: 767px) {\r\n          font-size: 0.8rem;\r\n        }\r\n        input {\r\n          background-color: #fff;\r\n          height: 2.5em;\r\n          border-radius: 0.5em;\r\n          border: 0;\r\n          padding: 0 1em;\r\n          font-size: 1.25em;\r\n          box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,\r\n            rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;\r\n          width: 20em;\r\n          @media only screen and (max-width: 767px) {\r\n            width: 18em;\r\n          }\r\n        }\r\n        button {\r\n          background-color: transparent;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          position: absolute;\r\n          right: 0.25em;\r\n          border-radius: 0.25em;\r\n          top: 50%;\r\n          transform: translateY(-50%);\r\n          height: 2em;\r\n          width: 2em;\r\n          color: var(--secondary);\r\n          font-size: 1.25em;\r\n          border: 0;\r\n        }\r\n      }\r\n      .upper-menu {\r\n        position: absolute;\r\n        top: 90%;\r\n        right: 0;\r\n        background: var(--white);\r\n        font-size: 0.8em;\r\n        z-index: 100;\r\n        border: 1px solid var(--secondary);\r\n        font-size: 0.8rem;\r\n        white-space: nowrap;\r\n        border-radius: 5px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        .upper-menu-btn {\r\n          background: transparent;\r\n          border: 0px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.banner-images-carousel {\r\n  ::ng-deep.my-swiper-pagination {\r\n    display: none;\r\n  }\r\n\r\n  .item-icon {\r\n    text-align: center;\r\n    font-size: 1rem;\r\n    width: 4.5em;\r\n    display: inline-block;\r\n    padding-top: 1em;\r\n    @media only screen and (min-width: 991px) {\r\n      font-size: 1.5rem;\r\n    }\r\n    &.active {\r\n      .icon {\r\n        background-color: rgba(\r\n          var(--secondary-r),\r\n          var(--secondary-g),\r\n          var(--secondary-b),\r\n          0.25\r\n        );\r\n      }\r\n    }\r\n\r\n    .icon {\r\n      transition: 0.5s;\r\n      width: 4em;\r\n      height: 4em;\r\n      border-radius: 50%;\r\n      background-color: rgba(\r\n        var(--secondary-r),\r\n        var(--secondary-g),\r\n        var(--secondary-b),\r\n        0.1\r\n      );\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: auto;\r\n    }\r\n\r\n    svg {\r\n      height: 2.75em;\r\n      margin: 1em 0;\r\n      // path {\r\n      //   fill: var(--secondary);\r\n      // }\r\n    }\r\n\r\n    .name {\r\n      padding-top: 0.5em;\r\n      font-size: 0.65em;\r\n      color: var(--primary);\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n      letter-spacing: 1.5px;\r\n      line-height: 1.5;\r\n      // white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n}\r\n\r\n.banner-images {\r\n  margin-top: 1rem;\r\n\r\n  @media only screen and (max-width: 991px) {\r\n    display: none;\r\n  }\r\n\r\n  .item {\r\n    display: grid;\r\n    grid-template-columns: 4em 1fr;\r\n    align-items: center;\r\n    padding: 0.5em;\r\n    background-color: rgba(\r\n      var(--secondary-r),\r\n      var(--secondary-g),\r\n      var(--secondary-b),\r\n      0.5\r\n    );\r\n    gap: 0.5em;\r\n    border-radius: 0.5em;\r\n\r\n    // min-width: 14rem;\r\n    .icon {\r\n      transition: 0.5s;\r\n      width: 4em;\r\n      height: 4em;\r\n      position: relative;\r\n      z-index: 9;\r\n      background-color: rgba(\r\n        var(--white-rgb),\r\n        var(--white-rgb),\r\n        var(--white-rgb),\r\n        0.25\r\n      );\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      border-radius: 50%;\r\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n      border: 1px solid rgba(255, 255, 255, 0.3);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: auto;\r\n\r\n      svg {\r\n        height: 2.75em;\r\n        margin: 1em 0;\r\n      }\r\n    }\r\n\r\n    .name {\r\n      border-radius: 0.25rem;\r\n      text-shadow: 1px 1px\r\n        rgba(var(--black-rgb), var(--black-rgb), var(--black-rgb), 0.75);\r\n\r\n      font-size: 1.5rem;\r\n      color: var(--white);\r\n      text-transform: uppercase;\r\n      font-weight: 700;\r\n      letter-spacing: 1.5px;\r\n      line-height: 1.15;\r\n    }\r\n\r\n    img {\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      position: absolute;\r\n      z-index: -1;\r\n    }\r\n  }\r\n}\r\n\r\n// // Define colors\r\n// $bg-color: #f9f9f9;\r\n// $white: #fff;\r\n// $gray: #666;\r\n// $shadow: rgba(0, 0, 0, 0.1);\r\n// $border-radius: 8px;\r\n\r\n// // Notification container styles\r\n// .notification-container {\r\n//   width: 100%;\r\n//   background: $white;\r\n//   box-shadow: 0 2px 8px $shadow;\r\n//   border-radius: $border-radius;\r\n//   padding: 16px;\r\n//   margin: 50px auto;\r\n\r\n//   .notification-title {\r\n//     font-size: 16px;\r\n//     font-weight: bold;\r\n//     color: $gray;\r\n//     margin-bottom: 10px;\r\n//   }\r\n\r\n//   .notification-list {\r\n//     .notification-item {\r\n//       display: flex;\r\n//       align-items: center;\r\n//       gap: 10px;\r\n//       background: $bg-color;\r\n//       padding: 12px;\r\n//       border-radius: $border-radius;\r\n//       transition: background 0.3s ease;\r\n//       font-size: 14px;\r\n//       color: $gray;\r\n//       cursor: pointer;\r\n\r\n//       &:hover {\r\n//         background: lighten($bg-color, 5%);\r\n//       }\r\n\r\n//       .dot {\r\n//         width: 8px;\r\n//         height: 8px;\r\n//         border-radius: 50%;\r\n//         display: inline-block;\r\n\r\n//         &.red {\r\n//           background: red;\r\n//         }\r\n\r\n//         &.blue {\r\n//           background: blue;\r\n//         }\r\n\r\n//         &.green {\r\n//           background: green;\r\n//         }\r\n//       }\r\n//     }\r\n//   }\r\n// }\r\n"],
  "mappings": "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",
  "names": []
}