{
  "version": 3,
  "sources": ["src/app/customers/marketplace/recommendation/recommendation.component.scss"],
  "sourcesContent": [".title-header {\n  color: black;\n  font-weight: bold;\n  font-size: 1rem;\n}\n\n.recommend {\n  &__title {\n    font-size: 1.25rem;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 0.5rem;\n\n    .add {\n      transition: 0.25s;\n      font-size: 1.25rem;\n      cursor: pointer;\n\n      width: 2rem;\n      height: 2rem;\n      background: #eee;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 0.25rem;\n      line-height: 1;\n      &:hover {\n        color: var(--primary);\n      }\n\n      i {\n        color: var(--primary);\n      }\n    }\n  }\n}\n\n.card-list-recommend {\n  display: grid;\n  gap: 1rem;\n  grid-template-columns: 12.5rem 1fr;\n  margin-bottom: 0.5rem;\n\n  @media (max-width: 600px) {\n    grid-template-columns: 7rem 1fr;\n  }\n\n  &__image {\n    background-color: #f6f6f6;\n    aspect-ratio: 2/1;\n\n    iframe {\n      width: 10rem;\n    }\n\n    iframe,\n    video,\n    img {\n      aspect-ratio: 2/1;\n      object-fit: cover;\n      border-radius: 0.25rem;\n      width: 100%;\n    }\n  }\n\n  &__text {\n    font-size: 1rem;\n    line-height: 1.5;\n    @media (max-width: 600px) {\n      font-size: 0.9rem;\n    }\n  }\n}\n\n::ng-deep{\n  iframe{\n    max-width: 100% !important;\n  }\n}\n.suggestion-grid-container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  // grid-auto-rows: 1fr;\n  align-items: start;\n  gap: 0.5rem;\n\n  &.list {\n    grid-template-columns: 1fr;\n  }\n\n  .card-suggestion {\n    position: relative;\n    &.add-list {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #ecececb3;\n      border-radius: 0.5rem;\n      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n      cursor: pointer;\n      height: 4rem;\n      margin: 0.25rem 1rem;\n      transition: 0.25s;\n      svg {\n        height: 25%;\n      }\n      &:hover {\n        transform: scale(0.95);\n      }\n      &:active {\n        transform: scale(1.01);\n      }\n    }\n    &.add {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      aspect-ratio: 1 / 1;\n      background: #ecececb3;\n      border-radius: 0.5rem;\n      box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,\n        rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;\n      cursor: pointer;\n      transition: 0.25s;\n\n      svg {\n        width: 15%;\n      }\n      &:hover {\n        transform: scale(0.95);\n      }\n      &:active {\n        transform: scale(1.01);\n      }\n    }\n  }\n\n  video {\n    max-height: 7rem;\n  }\n}\n\n.suggestion-grid-container .text {\n  font-size: 20px;\n  line-height: 20px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.suggestion-grid-container .likes {\n  font-size: 24px;\n  color: #692cbd;\n  cursor: pointer;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n}\n\n.suggestion-grid-container .comments {\n  font-size: 24px;\n  color: #692cbd;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.suggestion-grid-container .comments .comment-img {\n  height: 24px;\n  width: 24px;\n  margin-top: auto;\n  margin-bottom: autoxs;\n}\n\n@media (max-width: 600px) {\n  .suggestion-grid-container {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .suggestion-grid-container .text {\n    font-size: 14px;\n    line-height: 14px;\n  }\n\n  .suggestion-grid-container .card-text {\n    height: 120px !important;\n  }\n\n  .suggestion-grid-container .likes,\n  .suggestion-grid-container .comments {\n    font-size: 16px;\n  }\n\n  .suggestion-grid-container .comments .comment-img {\n    height: 16px;\n    width: 16px;\n    margin-right: -5px;\n    padding-left: 3px;\n  }\n\n  // .suggestion-grid-container .img {\n  //   /* height: 100% !important; */\n  //   margin-top: auto;\n  //   margin-bottom: auto;\n  //   height: 120px !important;\n  //   aspect-ratio: 6/6;\n  //   /* max-height: 100% !important; */\n  // }\n}\n\n.suggestion-grid-container .img {\n  aspect-ratio: 1/1;\n  width: 100%;\n  border-radius: 6px;\n  object-fit: cover;\n}\n\n::ng-deep.recommendation-modal {\n  &__header {\n    padding: 1rem 0.5rem 0.5rem 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid\n      rgba(var(--black-rgb), var(--black-rgb), var(--black-rgb), 0.25);\n\n    .title {\n      font-size: 1.25rem;\n    }\n\n    .options {\n      display: flex;\n      align-items: flex-end;\n\n      .heart {\n        font-size: 1.4rem;\n        color: salmon;\n        cursor: pointer;\n        border-radius: 0.25rem;\n      }\n\n      .list {\n        font-size: 1.15rem;\n        width: 2rem;\n        height: 2rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n      }\n    }\n  }\n\n  .content {\n    text-align: center;\n\n    p {\n      margin: 0 1rem 0.5rem;\n      line-height: 1.5;\n      font-size: 1rem;\n      height: 12rem;\n      overflow: hidden;\n      transition: 0.5s;\n      &.active {\n        height: auto;\n      }\n    }\n    .scroll-arrow {\n      height: 24px;\n      border: none;\n      border-radius: 50%;\n      background: transparent;\n      color: var(--primary);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      padding: 0;\n      gap: 0.5em;\n      margin: 0 auto 1rem;\n      .down {\n        transition: transform 0.2s;\n        transform: rotate(180deg);\n      }\n    }\n    img {\n      width: 100%;\n      border-radius: 0.25rem;\n    }\n  }\n}\n\n.line-or {\n  border-bottom: 1px solid;\n  line-height: 0;\n  margin: 1rem 0;\n  text-align: center;\n\n  span {\n    background-color: #fff;\n    padding: 1rem;\n    font-size: 0.75rem;\n    color: #0000007b;\n  }\n}\n\n.upload-image {\n  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n  overflow: hidden;\n  background-color: #ececec;\n  border-radius: 0.5rem;\n  width: 100%;\n  aspect-ratio: 1.5 / 0.5;\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n\n  &.disable {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .error {\n    color: red;\n  }\n\n  video,\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: 99;\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: #d8a63b;\n    height: 100%;\n    transition: width 0.3s;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}