{
  "version": 3,
  "sources": ["src/app/customers/community/recommandations-form/recommandations-form.component.scss"],
  "sourcesContent": [".close-btn {\n  @media screen and (max-width: 767px) {\n    display: none !important;\n  }\n}\nselect {\n  background: transparent;\n  border: 1px solid var(--primary);\n  padding: 0.5rem;\n}\n.title-header {\n  font-size: 1.1rem;\n  font-weight: 600;\n  margin: 1rem 0 0.5rem;\n  color: var(--primary);\n  display: block;\n  // text-align: center;\n  .t-btn {\n    font-size: 1rem;\n    margin-right: 0.5rem;\n  }\n}\n.big-btn {\n  padding: 0.75rem 1rem;\n  border-radius: 10px;\n  width: 100%;\n  border-color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.4);\n  color: var(--primary);\n  font-size: 1.1rem;\n  font-weight: bold;\n  background-color: var(--white);\n  margin-bottom: 0.5rem;\n  display: grid;\n  align-items: center;\n  gap: 1rem;\n  grid-template-columns: 4rem 1fr;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,\n    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;\n  text-align: left;\n  svg {\n    margin: auto;\n  }\n}\n.predicted-names {\n  cursor: pointer;\n  top: calc(100% - 0.5em);\n  left: 0;\n  height: fit-content;\n  z-index: 20;\n  color: black !important;\n}\n.not-optional {\n  input,\n  textarea {\n    background-color: var(--white) !important;\n  }\n}\n.recommend-form {\n  .required {\n    color: red;\n  }\n  #pin-loc-map {\n    height: 15rem;\n    width: 100%;\n    padding: 5rem;\n  }\n  .prods {\n    .selected {\n      border: 3px dashed var(--primary);\n    }\n    // align-items: start;\n    // width: 100%;\n    // height: 25vh;\n    // overflow-y: scroll;\n    // overflow-x: hidden;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 1rem;\n    padding: 0.1rem 1rem;\n    @media screen and (max-width: 767px) {\n      //grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .input-basic {\n    position: relative;\n    padding-bottom: 0.75rem;\n    &.error {\n      input {\n        border: 1px solid rgba(255, 0, 0, 0.5);\n      }\n    }\n    label {\n      font-size: 0.9rem;\n      margin-bottom: 0.1rem;\n      font-weight: 500;\n      letter-spacing: 0.075px;\n      word-spacing: 1px;\n      span {\n        color: #c0392b;\n      }\n    }\n    input,\n    textarea {\n      background-color: #f6f8fa;\n      width: 100%;\n      border-radius: 0.5rem;\n      border: 1px solid\n        rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.1);\n      padding: 0.5rem 1rem;\n      transition: 0.5s;\n      &:focus {\n        border: 1px solid\n          rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.5);\n        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n      }\n      &::placeholder {\n        color: #a0a3a9;\n        letter-spacing: 0.5px;\n      }\n    }\n    div {\n      font-size: 0.75rem;\n      color: #c0392b;\n      position: absolute;\n      left: 0;\n      bottom: 0;\n    }\n  }\n  .upload-image {\n    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,\n      rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;\n    overflow: hidden;\n    background-color: #ececec;\n    border-radius: 0.5rem;\n    width: 7rem;\n    aspect-ratio: 1 / 1;\n    position: relative;\n    cursor: pointer;\n    // display: flex;\n    // align-items: center;\n    // justify-content: center;\n    // text-align: center;\n    margin: 0.75rem auto;\n\n    .pts {\n      position: absolute;\n      color: var(--primary);\n      font-size: 0.8rem;\n      top: 0.3rem;\n      right: 0.3rem;\n    }\n\n    .error {\n      color: #c0392b;\n    }\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    svg {\n      width: 4rem;\n      margin-bottom: 1rem;\n    }\n\n    input {\n      cursor: pointer;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      opacity: 0;\n      z-index: 9;\n    }\n  }\n  .info-optional {\n    .upload-images {\n      display: flex;\n      gap: 1.5rem;\n      align-items: center;\n      justify-content: center;\n      margin: 1.5rem;\n      .upload-image {\n        margin: 0 !important;\n      }\n    }\n    .input-basic {\n      padding-bottom: 0 !important;\n    }\n  }\n  .recommend-other-control {\n    padding: 0.75rem 1rem 1rem;\n    border-top: 1px solid #dee2e6;\n    background-color: #fff;\n    z-index: 100;\n    position: sticky;\n    bottom: 0;\n    border-radius: 0 0 0.25rem 0.25rem;\n    .control {\n      display: grid;\n      gap: 0.5rem 0.75rem;\n      grid-template-columns: repeat(2, 1fr);\n      margin-bottom: 0.75rem;\n      @media screen and (max-width: 767px) {\n        grid-template-columns: 1fr;\n      }\n      .input-basic {\n        padding-bottom: 0 !important;\n      }\n    }\n  }\n  .all-progress {\n    width: 100%;\n    opacity: 0;\n    margin-bottom: 0.25rem;\n\n    &.active {\n      opacity: 1;\n    }\n\n    .progress {\n      background-color: #ececec;\n      border-radius: 0.1rem;\n      height: 0.25rem;\n    }\n\n    .progress-bar {\n      background-color: var(--primary);\n      height: 100%;\n      transition: width 0.3s;\n    }\n  }\n\n  .search {\n    position: relative;\n    margin-bottom: 1em;\n\n    input {\n      height: 2rem;\n      padding: 0 0.5rem;\n      font-size: 1rem;\n      border: 0;\n      background-color: transparent;\n      // background-color: rgba(var(--black-rgb), var(--black-rgb), var(--black-rgb), 0.1);\n      border-radius: 0.25rem;\n      border: 1.5px solid var(--secondary);\n      width: 2rem;\n      transition: 0.25s;\n      color: rgba(0, 0, 0, 0);\n\n      &:focus {\n        width: 10rem;\n        color: var(--black);\n      }\n    }\n\n    i {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      right: 0.5rem;\n      color: var(--secondary);\n      font-size: 1rem;\n      pointer-events: none;\n    }\n  }\n\n  .products {\n    margin-bottom: 1rem;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 0.5rem;\n\n    .my-card {\n      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);\n      background-color: var(--white);\n      padding: 0.5rem 0.5rem 2rem 0.5rem;\n      border-radius: 0.5rem;\n      height: 100%;\n      position: relative;\n\n      .image {\n        position: relative;\n        cursor: pointer;\n\n        .default {\n          width: 100%;\n          border-radius: 0.5rem;\n          object-fit: cover;\n          aspect-ratio: 1 / 1;\n          position: absolute;\n          left: 0;\n        }\n\n        .pro {\n          width: 100%;\n          border-radius: 0.5rem;\n          object-fit: cover;\n          aspect-ratio: 1 / 1;\n        }\n\n        .discount {\n          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);\n          position: absolute;\n          background-color: rgba(255, 255, 255, 0.6);\n          right: 0.5rem;\n          top: 0.5rem;\n          padding: 0.25rem 0.75rem;\n          border-radius: 0.25rem;\n          display: flex;\n          align-items: center;\n\n          .number {\n            margin-right: 0.5rem;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: var(--primary);\n          }\n        }\n      }\n\n      .detail {\n        &_title {\n          margin: 0.5rem 0 1rem;\n          font-size: 1.25rem;\n          line-height: 1.1;\n          font-weight: 500;\n        }\n\n        .price {\n          color: var(--primary);\n          font-size: 1.5rem;\n          font-weight: 600;\n          margin-bottom: 0.5rem;\n\n          span {\n            font-size: 1rem;\n          }\n        }\n\n        @media only screen and (max-width: 767px) {\n          &_title {\n            font-size: 1rem;\n          }\n\n          .price {\n            font-size: 1.25rem;\n          }\n        }\n      }\n\n      .bar {\n        position: absolute;\n        bottom: 0.5rem;\n        left: 0;\n        right: 0;\n        padding: 0 0.5rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n\n        i {\n          cursor: pointer;\n          font-size: 1.25rem;\n        }\n\n        .favorite {\n          display: flex;\n          margin-left: auto;\n          align-items: center;\n\n          .number {\n            margin-right: 0.25rem;\n          }\n        }\n      }\n    }\n  }\n}\n\n.pts-2 {\n  color: var(--primary);\n}\n"],
  "mappings": "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",
  "names": []
}