{
  "version": 3,
  "sources": ["src/app/customers/marketplace/ask-carsouel/ask-carsouel.component.scss"],
  "sourcesContent": [".ask {\n  &__header {\n    font-size: 1.1rem;\n    color: var(--primary);\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    // font-family: 'Ruluko';\n  }\n  &__no-product {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: rgba(\n      var(--primary-r),\n      var(--primary-g),\n      var(--primary-b),\n      0.75\n    );\n    border-radius: 0.25em;\n    width: 100%;\n    height: 4em;\n    cursor: pointer;\n    margin-bottom: 0.5em;\n    color: var(--white);\n  }\n  .products {\n    margin-bottom: 1rem;\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 0.5rem;\n    &.list {\n      grid-template-columns: 1fr;\n      .ask__my-card {\n        min-height: 5rem;\n        justify-content: left;\n      }\n    }\n    &.grid-3 {\n      grid-template-columns: repeat(3, 1fr);\n    }\n    @media (max-width: 991px) {\n      grid-template-columns: repeat(2, 1fr);\n      &.grid-3 {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n    @media only screen and (min-width: 768px) and (max-width: 991px) {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    @media only screen and (min-width: 992px) and (max-width: 1199px) {\n      grid-template-columns: repeat(4, 1fr);\n    }\n  }\n  &__my-card {\n    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);\n    background-color: var(--white);\n    border-radius: 0.75rem;\n    height: 100%;\n    // min-height: 12.75rem;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-direction: column;\n    text-align: center;\n    cursor: pointer;\n    overflow: hidden;\n    .message {\n      font-weight: 600;\n      font-size: 1.1rem;\n      margin-bottom: 0.1rem;\n      padding: 0.5rem;\n      min-height: 8rem;\n      display: flex;\n      align-items: center;\n      // font-family: \"Ruluko\";\n    }\n    .footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n      background-color: var(--primary);\n      padding: 0.25rem 0.5rem;\n      color: var(--white);\n      position: relative;\n      padding-left: 3.25rem;\n\n      .user {\n        font-size: 1rem;\n        // font-style: italic;\n        display: flex;\n        align-items: center;\n        // font-family: \"Ruluko\";\n        img {\n          width: 2.5rem;\n          aspect-ratio: 1 / 1;\n          border-radius: 50%;\n          margin-right: 0.25rem;\n          position: absolute;\n          left: 0.5rem;\n          top: -1rem;\n          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\n          border: 1px solid var(--primary);\n        }\n      }\n      .date {\n        font-size: 0.75rem;\n        color: rgba(var(--white-rgb), var(--white-rgb), var(--white-rgb), 0.75);\n      }\n      @media (max-width: 767px) {\n        text-align: left;\n        align-items: normal;\n        flex-direction: column;\n        .date {\n          order: 1;\n        }\n        .user {\n          order: 2;\n        }\n      }\n    }\n  }\n\n  &__profile {\n    padding: 0.5em;\n    border: 1px solid var(--primary);\n    margin: 0.5em 0;\n    border-radius: 0.25em;\n    .message {\n      font-size: 1.1em;\n      line-height: 1.2;\n      margin-bottom: 0.25em;\n      color: var(--primary);\n      font-weight: 500;\n    }\n    .detail {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      .cate {\n        font-size: 0.9em;\n      }\n      i {\n        color: #f00;\n        font-size: 1.1em;\n        margin-left: 0.5em;\n        cursor: pointer;\n      }\n    }\n  }\n}\n\n.ask-modal {\n  &__close {\n    position: absolute;\n    top: -0.75rem;\n    right: 0.5rem;\n    z-index: 9;\n    width: 1.5rem;\n    height: 1.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--black);\n    cursor: pointer;\n    background-color: var(--white);\n    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n  }\n  &__title {\n    font-size: 2rem;\n    padding: 1rem;\n    i {\n      color: var(--primary);\n    }\n  }\n  &__question {\n    display: grid;\n    gap: 1rem;\n    grid-template-columns: 8rem 1fr;\n    padding: 1rem;\n    .body {\n      &__header {\n        .name {\n          font-size: 1.75rem;\n        }\n      }\n      &__msg {\n        background-color: var(--primary);\n        padding: 1rem;\n        font-size: 1.5rem;\n        color: var(--white);\n        border-radius: 0.5rem;\n      }\n      .meta {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        font-size: 1.25rem;\n        margin-top: 0.5rem;\n        .date {\n          margin-right: 1rem;\n          i {\n            color: var(--primary);\n            font-size: 1.1rem;\n          }\n        }\n        .like {\n          cursor: pointer;\n          i {\n            font-size: 1.1rem;\n            color: var(--secondary);\n          }\n        }\n      }\n    }\n  }\n}\n"],
  "mappings": "AACE,CAAA,YACE,UAAA,OACA,MAAA,IAAA,WACA,YAAA,IACA,eAAA,KAGF,CAAA,gBACE,QAAA,KACA,gBAAA,OACA,YAAA,OACA,iBAAA,KAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,KAXF,cAiBE,MACA,MAAA,KACA,OAAA,IACA,OAAA,QACA,cAAA,KACA,MAAA,IAAA,SAEF,CAAA,IAAA,CAAA,SACE,cAAA,KACA,QAAA,KACA,sBAAA,OAAA,CAAA,CAAA,KACA,IAAA,MACA,CALF,IAKE,CALF,QAKE,CAAA,KACE,sBAAA,IACA,CAPJ,IAOI,CAPJ,QAOI,CAFF,KAEE,CAAA,aACE,WAAA,KACA,gBAAA,KAGJ,CAZF,IAYE,CAZF,QAYE,CAAA,OACE,sBAAA,OAAA,CAAA,CAAA,KAEF,OAAA,CAAA,SAAA,EAAA,OAfF,CAAA,IAAA,CAAA,SAiBI,CAjBJ,IAiBI,CAjBJ,QAiBI,CALF,OAIE,sBAAA,OAAA,CAAA,CAAA,MAKF,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OArBF,CAAA,IAAA,CAAA,SAsBI,sBAAA,OAAA,CAAA,CAAA,MAGF,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAAA,IAAA,CAAA,SAAA,EAAA,QAzBF,CAAA,IAAA,CAAA,SA0BI,sBAAA,OAAA,CAAA,CAAA,MAGJ,CAtBI,aAuBF,WAAA,EAAA,EAAA,IAAA,UACA,iBAAA,IAAA,SAvDF,cAwDE,OACA,OAAA,KAEA,SAAA,SACA,QAAA,KACA,YAAA,OACA,gBAAA,cACA,eAAA,OACA,WAAA,OACA,OAAA,QACA,SAAA,OACA,CApCE,aAoCF,CAAA,QACE,YAAA,IACA,UAAA,OACA,cAAA,MAtEJ,QAuEI,MACA,WAAA,KACA,QAAA,KACA,YAAA,OAGF,CA9CE,aA8CF,CAAA,OACE,QAAA,KACA,YAAA,OACA,gBAAA,cACA,MAAA,KACA,iBAAA,IAAA,WAEA,MAAA,IAAA,SACA,SAAA,SArFJ,QAmFI,OAAA,MAAA,OAGA,QAEA,CAzDA,aAyDA,CAXF,OAWE,CAAA,KACE,UAAA,KAEA,QAAA,KACA,YAAA,OAEA,CA/DF,aA+DE,CAjBJ,OAiBI,CANF,KAME,IACE,MAAA,OACA,aAAA,CAAA,CAAA,EAhGR,cAiGQ,IACA,aAAA,OACA,SAAA,SACA,KAAA,MACA,IAAA,MACA,WAAA,UAAA,EAAA,IAAA,KACA,OAAA,IAAA,MAAA,IAAA,WAGJ,CA3EA,aA2EA,CA7BF,OA6BE,CAAA,KACE,UAAA,OACA,MAAA,KAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,KAEF,OAAA,CAAA,SAAA,EAAA,OAjCF,CA9CE,aA8CF,CAAA,OAkCI,WAAA,KACA,YAAA,OACA,eAAA,OACA,CAnFF,aAmFE,CArCJ,OAqCI,CARF,KASI,MAAA,EAEF,CAtFF,aAsFE,CAxCJ,OAwCI,CA7BF,KA8BI,MAAA,GAMR,CAAA,aA5HA,QA6HE,KACA,OAAA,IAAA,MAAA,IAAA,WA9HF,OA+HE,KAAA,EA/HF,cAgIE,MACA,CALF,aAKE,CA9DA,QA+DE,UAAA,MACA,YAAA,IACA,cAAA,MACA,MAAA,IAAA,WACA,YAAA,IAEF,CAZF,aAYE,CAAA,OACE,QAAA,KACA,YAAA,OACA,gBAAA,cACA,CAhBJ,aAgBI,CAJF,OAIE,CAAA,KACE,UAAA,KAEF,CAnBJ,aAmBI,CAPF,OAOE,EACE,MAAA,IACA,UAAA,MACA,YAAA,KACA,OAAA,QAON,CAAA,iBACE,SAAA,SACA,IAAA,QACA,MAAA,MACA,QAAA,EACA,MAAA,OACA,OAAA,OACA,QAAA,KACA,YAAA,OACA,gBAAA,OACA,OAAA,IAAA,MAAA,IAAA,SACA,OAAA,QACA,iBAAA,IAAA,SACA,WAAA,UAAA,EAAA,IAAA,KAEF,CAAA,iBACE,UAAA,KA1KF,QA2KE,KACA,CAHF,iBAGE,EACE,MAAA,IAAA,WAGJ,CAAA,oBACE,QAAA,KACA,IAAA,KACA,sBAAA,KAAA,IAnLF,QAoLE,KAGI,CAPN,oBAOM,CAAA,aAAA,CAAA,KACE,UAAA,QAGJ,CAXJ,oBAWI,CAAA,UACE,iBAAA,IAAA,WA5LN,QA6LM,KACA,UAAA,OACA,MAAA,IAAA,SA/LN,cAgMM,MAEF,CAlBJ,oBAkBI,CAAA,KAAA,CAAA,KACE,QAAA,KACA,YAAA,OACA,gBAAA,SACA,UAAA,QACA,WAAA,MACA,CAxBN,oBAwBM,CANF,KAME,CANF,KAME,CA9FF,KA+FI,aAAA,KACA,CA1BR,oBA0BQ,CARJ,KAQI,CARJ,KAQI,CAhGJ,KAgGI,EACE,MAAA,IAAA,WACA,UAAA,OAGJ,CA/BN,oBA+BM,CAbF,KAaE,CAbF,KAaE,CAAA,KACE,OAAA,QACA,CAjCR,oBAiCQ,CAfJ,KAeI,CAfJ,KAeI,CAFF,KAEE,EACE,UAAA,OACA,MAAA,IAAA",
  "names": []
}