{
  "version": 3,
  "sources": ["src/app/customers/layout/component-layout/member-shop/member-shop.component.scss"],
  "sourcesContent": [".my-shop {\n  &__name {\n    font-size: 1.25em;\n    margin-bottom: 0.5em;\n    color: var(--primary);\n    text-transform: capitalize;\n  }\n  .my-nav {\n    position: relative;\n    .edit {\n      position: absolute;\n      right: 0;\n      top: 50%;\n      cursor: pointer;\n      height: 2em;\n      width: 2em;\n      color: var(--white);\n      background-color: var(--primary);\n      border-radius: 0.25rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transform: translateY(-50%);\n    }\n    .list {\n      position: absolute;\n      right: 0;\n      top: 0;\n      .dropdown-menu {\n        left: -8em;\n        top: 2.5em;\n        width: 10em;\n        padding-bottom: 0;\n        &::-webkit-scrollbar {\n          width: 5px !important;\n          height: 5px !important;\n        }\n      }\n    }\n    .nav-tabs {\n      margin: 0 -0.5rem;\n    }\n  }\n  .nav-product {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0.5em 0 0.25em;\n    &__title {\n      font-size: 1.25em;\n      color: #333;\n      a {\n        text-decoration: underline;\n        font-size: 0.8em;\n        color: var(--primary);\n      }\n    }\n    .button-2 {\n      background: none;\n      border: 0;\n      box-sizing: border-box;\n      padding: 0.25em 1em;\n      box-shadow: inset 0 0 0 2px #d3d3d3;\n      color: var(--primary);\n      font-size: inherit;\n      font-weight: 500;\n      position: relative;\n      z-index: 99;\n      vertical-align: middle;\n      transition: color 0.25s;\n      text-transform: uppercase;\n\n      &::before,\n      &::after {\n        box-sizing: inherit;\n        content: \"\";\n        position: absolute;\n        border: 2px solid transparent;\n        width: 0;\n        height: 0;\n      }\n\n      &::before {\n        top: 0;\n        left: 0;\n      }\n\n      &::after {\n        bottom: 0;\n        right: 0;\n      }\n\n      &:hover {\n        color: var(--primary);\n      }\n      &:hover::before,\n      &:hover::after {\n        width: 100%;\n        height: 100%;\n      }\n\n      &:hover::before {\n        border-top-color: var(--primary); // Make borders visible\n        border-right-color: var(--primary);\n        transition: width 0.25s ease-out,\n          // Width expands first\n          height 0.25s ease-out 0.25s; // And then height\n      }\n\n      &:hover::after {\n        border-bottom-color: var(--primary); // Make borders visible\n        border-left-color: var(--primary);\n        transition: border-color 0s ease-out 0.5s,\n          // Wait for ::before to finish before showing border\n          width 0.25s ease-out 0.5s,\n          // And then exanding width\n          height 0.25s ease-out 0.75s; // And finally height\n      }\n    }\n  }\n  &__products {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.5em;\n    margin: 0.5em 0;\n    &--item {\n      cursor: pointer;\n      border-radius: 0.25em;\n      position: relative;\n      border: 1px solid var(--primary);\n      // overflow: hidden;\n      img {\n        width: 100%;\n      }\n      &__name {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        font-size: 0.8em;\n        color: var(--primary);\n        line-height: 1;\n        background-color: var(--white);\n        padding: 0.25em;\n      }\n      &__buttons {\n        position: absolute;\n        top: 0;\n        padding: 0.5em;\n        left: 0;\n        right: 0;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        .fa-pencil {\n          color: var(--primary);\n        }\n        .fa-trash {\n          color: #f00;\n        }\n      }\n    }\n  }\n  &__products-2 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.5em;\n    padding: 0.5em 0.25em;\n    &--item {\n      cursor: pointer;\n      border-radius: 0.25em;\n      position: relative;\n      // border: 1px solid var(--primary);\n      // overflow: hidden;\n      padding: 0.25em;\n      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n      &.slots {\n        background-color: #a29bfe79;\n        color: var(--primary);\n        border: 1px solid var(--primary);\n        cursor: pointer;\n        min-height: 8rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        transition: 0.25s;\n        font-size: 1.1em;\n        &:hover {\n          transform: scale(0.99);\n        }\n        &:active {\n          transform: scale(1.01);\n        }\n      }\n      img {\n        width: 100%;\n        object-fit: cover;\n        aspect-ratio: 1 / 1;\n        border-radius: 0.25em;\n      }\n      &__name {\n        font-size: 1em;\n        color: var(--primary);\n        line-height: 1.2;\n        margin: 0.5rem 0 0.25em;\n        height: 1.11em;\n        overflow: hidden;\n      }\n      &__meta {\n        font-size: 0.75em;\n        color: #333;\n      }\n      &__control {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-top: 0.5em;\n        .circle {\n          width: 1rem;\n          height: 1rem;\n          border-radius: 50%;\n          background-color: orange;\n        }\n        .options {\n          margin-left: 0.25em;\n          display: flex;\n          align-items: center;\n        }\n        .fa-pencil {\n          color: var(--primary);\n        }\n        .fa-trash {\n          color: #f00;\n          margin-left: 0.25rem;\n        }\n        i {\n          font-size: 1em;\n        }\n      }\n      &__buttons {\n        position: absolute;\n        top: 0;\n        padding: 0.5em;\n        left: 0;\n        right: 0;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        .fa-pencil {\n          color: var(--primary);\n        }\n        .fa-trash {\n          color: #f00;\n        }\n      }\n    }\n  }\n  .nav-select {\n    // margin: 0.5em 0;\n    display: flex;\n    align-items: center;\n    select {\n      width: 100%;\n      height: 2em;\n      border: 1px solid var(--primary);\n      border-radius: 0.25em;\n      // padding: 0 0.5em;\n      margin-right: 0.5em;\n      font-size: 0.7em;\n    }\n    button {\n      height: 2em;\n      border: 1px solid var(--primary);\n      background-color: transparent;\n      padding: 0 0.5em;\n      border-radius: 0.25em;\n    }\n  }\n}\n\n.my-input {\n  label {\n    display: block;\n    margin-bottom: 0 !important;\n  }\n  .list-cate {\n    .disabled-btn {\n      background-color: rgba(0, 0, 0, 0.15) !important;\n    }\n    .my-button-cate {\n      width: 100%;\n      text-align: left;\n      border: 1px solid #ced4da;\n      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n      border-radius: 0.25rem;\n      padding: 0 0.75em;\n      font-size: 1rem;\n      line-height: 1.5;\n      height: 2.5em !important;\n      color: #495057;\n      background-color: var(--white);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    .dropdown-menu {\n      width: fit-content;\n      overflow-y: auto;\n      max-height: 12rem;\n      padding: 0.25rem 0.5rem;\n      i {\n        color: #777;\n        font-size: 0.8rem;\n      }\n      &::-webkit-scrollbar {\n        width: 5px !important;\n        height: 5px !important;\n      }\n      &__title {\n        font-size: 1rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n      &__item {\n        font-size: 0.9rem;\n        margin-left: 0.4rem;\n        margin-bottom: 0.25rem;\n      }\n    }\n  }\n  .my-select-cate {\n    border: 1px solid #ced4da;\n    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n    border-radius: 0.25rem;\n    padding: 0 0.75em;\n    font-size: 1rem;\n    line-height: 1.5;\n    height: 2.5em !important;\n    color: #495057;\n    background-color: var(--white);\n  }\n}\n\n.banner {\n  height: 7rem;\n}\n\n// .product {\n//   height: 6rem;\n//   margin: 2px;\n//   max-width: 48% !important;\n//   background-color: #e6e5e6;\n//   padding: 0;\n//   display: flex;\n//   justify-content: center;\n//   align-items: center;\n//   color: aliceblue;\n//   font-size: larger;\n// }\n\n.product i {\n  border-radius: 5px;\n  padding: 5px;\n  border: 1px solid;\n}\n\n.category {\n  font-size: 0.9rem;\n  margin: 0 5px;\n  position: relative;\n  top: -1px;\n  width: 250px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.category-icon {\n  background-color: #d09cff;\n  border-radius: 10px;\n  padding: 5px 7px;\n  border-radius: 5px;\n}\n\n.product-name {\n  position: absolute;\n  font-size: 1.1rem;\n  top: 9px;\n  text-wrap: wrap;\n  background-color: var(--white);\n  color: black;\n  width: 90%;\n  border-radius: 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n// .product-background {\n//   height: 100%;\n//   width: 100%;\n// }\n\n.product-action-btn {\n  display: none;\n  width: 100%;\n  position: absolute;\n  bottom: 0.5rem;\n}\n\n.no-banner {\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  background-color: var(--primary);\n  color: white;\n  border-radius: 5px;\n  height: 100%;\n}\n\n.no-product {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--primary);\n  border-radius: 0.25em;\n  width: 100%;\n  height: 4em;\n  cursor: pointer;\n}\n\n.no-shop {\n  display: flex;\n  flex-direction: column;\n  gap: 1em;\n  justify-content: center;\n}\n\n.product:hover > .product-action-btn {\n  display: inline-block;\n}\n\n// .product-background > img {\n//   width: fit-content;\n//   height: auto;\n//   max-height: 6rem;\n// }\n\n.nav-tabs .nav-item.show .nav-link,\n.nav-tabs .nav-link.active {\n  color: var(--primary);\n  background-color: transparent;\n}\n\n.sub-cat-dropdown {\n  background-color: white !important;\n  color: black !important;\n  border-radius: 15px;\n}\n\n.menu-option {\n  position: absolute;\n  right: 0.5em;\n  top: 1em;\n  font-size: 1em;\n  text-align: center;\n  cursor: pointer;\n  color: var(--secondary);\n  width: 2rem;\n}\n\n.att-product {\n  position: absolute;\n  right: 2px;\n  top: 2px;\n  background-color: #d3d3d3;\n  border-radius: 32px;\n  padding: 4px 10px;\n  font-size: 16px;\n}\n"],
  "mappings": "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",
  "names": []
}