{
  "version": 3,
  "sources": ["src/app/customers/community/member-page/me/nearbyproducts-me/individual-services/individual-services.component.scss"],
  "sourcesContent": [".show-more {\r\n  font-size: 1.25rem;\r\n  color: var(--primary);\r\n  text-align: center;\r\n  width: 100%;\r\n  margin-top: 0.5rem;\r\n  text-transform: capitalize;\r\n  cursor: pointer;\r\n\r\n  i {\r\n    font-size: 1rem;\r\n    margin-left: 0.25rem;\r\n  }\r\n}\r\n\r\n.active-role {\r\n  background-color: var(--primary) !important;\r\n  color: var(--white);\r\n}\r\n\r\n.no-product {\r\n  max-width: 20rem;\r\n  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);\r\n  background-color: var(--white);\r\n  padding: 1rem;\r\n  border-radius: 0.5rem;\r\n  text-align: center;\r\n  grid-column: 1 / -1;\r\n\r\n  &__title {\r\n    color: var(--primary);\r\n    font-size: 1.25rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .my-button-3 {\r\n    margin-top: 1rem;\r\n  }\r\n}\r\n\r\n.clear-btn {\r\n  background: transparent;\r\n  border: 0px;\r\n  text-decoration: underline;\r\n  color: var(--primary);\r\n  position: absolute;\r\n  right: 0;\r\n}\r\n\r\n.products__title {\r\n  color: var(--primary);\r\n  font-size: 1.25rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n\r\n  @media only screen and (max-width: 991px) {\r\n    font-size: 1.1rem;\r\n  }\r\n}\r\n\r\n.products {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, minmax(0, 1fr));\r\n  gap: 0.5rem;\r\n  margin-bottom: 1rem;\r\n\r\n  @media (max-width: 768px) {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  @media only screen and (min-width: 768px) and (max-width: 991px) {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  @media only screen and (min-width: 992px) and (max-width: 1199px) {\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n\r\n  &__nav {\r\n    margin-top: 1rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n\r\n    .search {\r\n      position: relative;\r\n      margin-bottom: 1em;\r\n\r\n      input {\r\n        height: 2rem;\r\n        padding: 0 0.5rem;\r\n        font-size: 1rem;\r\n        border: 0;\r\n        background-color: transparent;\r\n        // background-color: rgba(var(--black-rgb), var(--black-rgb), var(--black-rgb), 0.1);\r\n        border-radius: 0.25rem;\r\n        border: 1.5px solid var(--secondary);\r\n        width: 2rem;\r\n        transition: 0.25s;\r\n        color: rgba(0, 0, 0, 0);\r\n\r\n        &:focus {\r\n          width: 10rem;\r\n          color: var(--black);\r\n        }\r\n      }\r\n\r\n      i {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        right: 0.5rem;\r\n        color: var(--secondary);\r\n        font-size: 1rem;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n\r\n    .design {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      &__item {\r\n        margin-left: 0.25rem;\r\n        border-radius: 0.25rem;\r\n        width: 2rem;\r\n        height: 2rem;\r\n        border: 1.5px solid var(--secondary);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--secondary);\r\n        cursor: pointer;\r\n        transition: 0.5s;\r\n\r\n        svg {\r\n          width: 1.25rem;\r\n        }\r\n\r\n        &:hover,\r\n        &.active {\r\n          background-color: var(--secondary);\r\n          color: var(--white);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .my-card {\r\n    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);\r\n    background-color: var(--white);\r\n    padding: 0.5rem 0.5rem 1rem 0.5rem;\r\n    border-radius: 0.5rem;\r\n    height: 100%;\r\n    position: relative;\r\n\r\n    .image {\r\n      position: relative;\r\n      cursor: pointer;\r\n\r\n      .default {\r\n        width: 100%;\r\n        border-radius: 0.5rem;\r\n        object-fit: cover;\r\n        aspect-ratio: 1 / 1;\r\n        position: absolute;\r\n        left: 0;\r\n      }\r\n\r\n      .pro {\r\n        width: 100%;\r\n        border-radius: 0.5rem;\r\n        object-fit: cover;\r\n        aspect-ratio: 1 / 1;\r\n      }\r\n\r\n      .discount {\r\n        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);\r\n        position: absolute;\r\n        background-color: rgba(255, 255, 255, 0.6);\r\n        right: 0.5rem;\r\n        top: 0.5rem;\r\n        padding: 0.25rem 0.75rem;\r\n        border-radius: 0.25rem;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .number {\r\n          margin-right: 0.5rem;\r\n          font-size: 1.25rem;\r\n          font-weight: 600;\r\n          color: var(--primary);\r\n        }\r\n      }\r\n    }\r\n\r\n    .detail {\r\n      &_title {\r\n        margin: 0.5rem 0 0;\r\n        font-size: 1.25rem;\r\n        line-height: 1.1;\r\n        font-weight: 500;\r\n        height: 2.75rem;\r\n      }\r\n\r\n      .price {\r\n        color: var(--primary);\r\n        font-size: 1.5rem;\r\n        font-weight: 600;\r\n        // margin-bottom: 0.5rem;\r\n\r\n        span {\r\n          font-size: 1rem;\r\n        }\r\n      }\r\n\r\n      @media only screen and (max-width: 767px) {\r\n        &_title {\r\n          font-size: 0.9rem;\r\n        }\r\n\r\n        .price {\r\n          font-size: 1.25rem;\r\n        }\r\n      }\r\n    }\r\n\r\n    .bar {\r\n      // position: absolute;\r\n      // bottom: 0.5rem;\r\n      // left: 0;\r\n      // right: 0;\r\n      // padding: 0 0.5rem;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      i {\r\n        cursor: pointer;\r\n        font-size: 1.25rem;\r\n      }\r\n\r\n      .favorite {\r\n        display: flex;\r\n        margin-left: auto;\r\n        align-items: center;\r\n\r\n        .number {\r\n          margin-right: 0.25rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.tag {\r\n  position: absolute;\r\n  bottom: 0.1rem;\r\n  right: 0.25rem;\r\n  color: var(--white);\r\n  font-size: 0.66rem;\r\n\r\n  @media only screen and (max-width: 767px) {\r\n    font-size: 0.5rem;\r\n  }\r\n\r\n  span {\r\n    background-color: var(--primary);\r\n    margin-left: 0.25rem;\r\n    padding: 0px 0.25rem;\r\n    border-radius: 0.25rem;\r\n\r\n    &.rental {\r\n      background-color: var(--secondary);\r\n    }\r\n\r\n    &.promoted {\r\n      background-color: var(--yellow);\r\n      color: black !important;\r\n    }\r\n  }\r\n}\r\n\r\n.online_status {\r\n  position: absolute;\r\n  z-index: 99;\r\n  right: 14px;\r\n  font-size: 11px;\r\n  top: 12px;\r\n\r\n  i {\r\n    color: green;\r\n  }\r\n}\r\n\r\n.roles-count {\r\n  position: relative;\r\n  margin-top: 1rem;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  .card-sub-cate {\r\n    height: 5.5em;\r\n    width: 8em;\r\n    border-radius: 0.25em;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    background-color: rgba(var(--white-r), var(--white-g), var(--white-b), 0.5);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border-radius: 0.5em;\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    padding: 0.25em 0.5em;\r\n    margin: 0.25em;\r\n    position: relative;\r\n\r\n    @media only screen and (max-width: 991px) {\r\n      font-size: 0.5rem;\r\n      width: 10em;\r\n    }\r\n\r\n    i {\r\n      font-size: 2.5em;\r\n      color: var(--primary);\r\n    }\r\n\r\n    &.active {\r\n      // border: 0.5px solid var(--secondary);\r\n      background-color: var(--secondary);\r\n      box-shadow: 0 4px 10px rgba(var(--secondary-r), var(--secondary-g), var(--secondary-b), 0.5);\r\n\r\n      i,\r\n      .product-count,\r\n      .card-sub-cate__title {\r\n        color: var(--white);\r\n      }\r\n    }\r\n\r\n    &__title {\r\n      color: var(--primary);\r\n      font-weight: 500;\r\n      font-size: 1em;\r\n      margin: 0;\r\n      line-height: 1.2;\r\n      margin-bottom: 0.75em;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n\r\n      @media only screen and (max-width: 991px) {\r\n        font-size: 1.2em;\r\n      }\r\n    }\r\n\r\n    .product-count {\r\n      position: absolute;\r\n      right: 50%;\r\n      transform: translateX(50%);\r\n      bottom: 0.5em;\r\n      line-height: 1;\r\n      font-size: 1em;\r\n      font-weight: 600;\r\n      color: var(--primary);\r\n    }\r\n  }\r\n}"],
  "mappings": "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",
  "names": []
}