{
  "version": 3,
  "sources": ["src/app/customers/community/member-page/me/news-me/news-me.component.scss"],
  "sourcesContent": [".news-me {\r\n  margin-top: 1em;\r\n\r\n  @media only screen and (max-width: 991px) {\r\n    margin-top: 0.5em;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  &__card {\r\n    margin-bottom: 1em;\r\n    // border-radius: 0.5em;\r\n    background-color: var(--primary);\r\n    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\r\n    height: max-content;\r\n\r\n    &--body {\r\n      padding: 1em;\r\n      min-height: 7.5em;\r\n\r\n      @media only screen and (max-width: 991px) {\r\n        display: none;\r\n      }\r\n\r\n      &__title {\r\n        color: #f3f3f4;\r\n        font-size: 1.4em;\r\n      }\r\n\r\n      &__desc {\r\n        color: #d3d3d3;\r\n        font-size: 1em;\r\n      }\r\n    }\r\n\r\n    &--footer {\r\n      padding: 1em;\r\n      background-color: rgba(0, 0, 0, 0.25);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .button-2 {\r\n        background: none;\r\n        border: 0;\r\n        box-sizing: border-box;\r\n        padding: 0.25em 0.75em;\r\n        box-shadow: inset 0 0 0 2px #d3d3d3;\r\n        color: #d3d3d3;\r\n        font-size: 1em;\r\n        font-weight: 500;\r\n        position: relative;\r\n        z-index: 99;\r\n        vertical-align: middle;\r\n        transition: color 0.25s;\r\n        text-transform: uppercase;\r\n\r\n        &::before,\r\n        &::after {\r\n          box-sizing: inherit;\r\n          content: \"\";\r\n          position: absolute;\r\n          border: 2px solid transparent;\r\n          width: 0;\r\n          height: 0;\r\n        }\r\n\r\n        &::before {\r\n          top: 0;\r\n          left: 0;\r\n        }\r\n\r\n        &::after {\r\n          bottom: 0;\r\n          right: 0;\r\n        }\r\n\r\n        &:hover {\r\n          color: #f3f3f4;\r\n        }\r\n\r\n        &:hover::before,\r\n        &:hover::after {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n\r\n        &:hover::before {\r\n          border-top-color: #f3f3f4; // Make borders visible\r\n          border-right-color: #f3f3f4;\r\n          transition:\r\n            width 0.25s ease-out,\r\n            // Width expands first\r\n            height 0.25s ease-out 0.25s; // And then height\r\n        }\r\n\r\n        &:hover::after {\r\n          border-bottom-color: #f3f3f4; // Make borders visible\r\n          border-left-color: #f3f3f4;\r\n          transition:\r\n            border-color 0s ease-out 0.5s,\r\n            // Wait for ::before to finish before showing border\r\n            width 0.25s ease-out 0.5s,\r\n            // And then exanding width\r\n            height 0.25s ease-out 0.75s; // And finally height\r\n        }\r\n      }\r\n\r\n      &__title {\r\n        @media only screen and (min-width: 991px) {\r\n          opacity: 0;\r\n        }\r\n\r\n        color: #f3f3f4;\r\n        font-size: 1.4em;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.ask-me {\r\n  margin-top: 1em;\r\n\r\n  @media only screen and (max-width: 991px) {\r\n    margin-top: 0.5em;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  &__card {\r\n    margin-bottom: 1em;\r\n    // border-radius: 0.5em;\r\n    background-color: var(--primary);\r\n    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\r\n    height: max-content;\r\n\r\n    &--body {\r\n      padding: 1em;\r\n      min-height: 7.5em;\r\n\r\n      @media only screen and (max-width: 991px) {\r\n        display: none;\r\n      }\r\n\r\n      &__title {\r\n        color: #f3f3f4;\r\n        font-size: 1.4em;\r\n      }\r\n\r\n      &__desc {\r\n        color: #d3d3d3;\r\n        font-size: 1em;\r\n      }\r\n    }\r\n\r\n    &--footer {\r\n      padding: 1em;\r\n      background-color: rgba(0, 0, 0, 0.25);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .button-2 {\r\n        background: none;\r\n        border: 0;\r\n        box-sizing: border-box;\r\n        padding: 0.25em 0.75em;\r\n        box-shadow: inset 0 0 0 2px #d3d3d3;\r\n        color: #d3d3d3;\r\n        font-size: 1em;\r\n        font-weight: 500;\r\n        position: relative;\r\n        z-index: 99;\r\n        vertical-align: middle;\r\n        transition: color 0.25s;\r\n        text-transform: uppercase;\r\n\r\n        &::before,\r\n        &::after {\r\n          box-sizing: inherit;\r\n          content: \"\";\r\n          position: absolute;\r\n          border: 2px solid transparent;\r\n          width: 0;\r\n          height: 0;\r\n        }\r\n\r\n        &::before {\r\n          top: 0;\r\n          left: 0;\r\n        }\r\n\r\n        &::after {\r\n          bottom: 0;\r\n          right: 0;\r\n        }\r\n\r\n        &:hover {\r\n          color: #f3f3f4;\r\n        }\r\n\r\n        &:hover::before,\r\n        &:hover::after {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n\r\n        &:hover::before {\r\n          border-top-color: #f3f3f4; // Make borders visible\r\n          border-right-color: #f3f3f4;\r\n          transition:\r\n            width 0.25s ease-out,\r\n            // Width expands first\r\n            height 0.25s ease-out 0.25s; // And then height\r\n        }\r\n\r\n        &:hover::after {\r\n          border-bottom-color: #f3f3f4; // Make borders visible\r\n          border-left-color: #f3f3f4;\r\n          transition:\r\n            border-color 0s ease-out 0.5s,\r\n            // Wait for ::before to finish before showing border\r\n            width 0.25s ease-out 0.5s,\r\n            // And then exanding width\r\n            height 0.25s ease-out 0.75s; // And finally height\r\n        }\r\n      }\r\n\r\n      .grid {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        .btn-grid {\r\n          background: transparent;\r\n          color: var(--secondary);\r\n          border: 2px solid var(--secondary);\r\n          display: inline-flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          height: 2em;\r\n          width: 2em;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          font-size: 1em;\r\n          transition: 0.25s;\r\n          margin-right: 0.5em;\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        .text {\r\n          color: #f3f3f4;\r\n          font-size: 1.4em;\r\n          margin-right: 0.5em;\r\n\r\n          @media only screen and (min-width: 991px) {\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.recomms {\r\n  // display: grid;\r\n  // grid-template-columns: repeat(2, 1fr);\r\n  // gap: 0.5rem;\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(2, 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(2, minmax(0, 1fr));\r\n  // }\r\n\r\n  .recomm-card {\r\n    padding: 0.8em;\r\n    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);\r\n    background-color: var(--white);\r\n    padding: 0.5em 0.5em;\r\n    border-radius: 0.5em;\r\n    min-height: 22.4em;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    max-width: 50%;\r\n\r\n    .controls {\r\n      background-color: transparent;\r\n      border: 0px;\r\n      position: absolute;\r\n      right: 0px;\r\n      cursor: pointer;\r\n\r\n      &-dropdown {\r\n        width: 90px;\r\n        border: 1px solid lightgray;\r\n        background-color: var(--white);\r\n        border-radius: 7px;\r\n        padding: 3px 5px;\r\n        position: absolute;\r\n        top: 30px;\r\n        right: -7px;\r\n        z-index: 1000;\r\n\r\n        button {\r\n          width: 100%;\r\n          background-color: transparent;\r\n          border: 0px;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-around;\r\n          padding: 5px;\r\n\r\n          span {\r\n            &:hover {\r\n              text-decoration: underline;\r\n            }\r\n          }\r\n        }\r\n\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      font-size: 0.75rem;\r\n    }\r\n\r\n    .name {\r\n      font-size: 1.25em;\r\n      font-weight: 500;\r\n      color: var(--primary);\r\n      text-transform: capitalize;\r\n    }\r\n\r\n    .company {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-top: 1em;\r\n      align-items: flex-end;\r\n\r\n      img {\r\n        width: 6em;\r\n        aspect-ratio: 1 / 1;\r\n        border-radius: 0.25em;\r\n        margin-bottom: -3em;\r\n        z-index: 9;\r\n        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;\r\n      }\r\n\r\n      .number {\r\n        font-weight: 500;\r\n        color: var(--primary);\r\n        font-size: 1.1em;\r\n      }\r\n    }\r\n\r\n    .message {\r\n      //border: 1px solid red;\r\n      width: 100%;\r\n      display: grid;\r\n      grid-template-columns: 1em 1fr;\r\n      justify-content: start;\r\n      align-items: flex-start;\r\n      gap: 0.25em;\r\n      max-width: 100%;\r\n      font-weight: 600;\r\n      font-size: 1.2em;\r\n      margin-bottom: 0.4em;\r\n\r\n      span {\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 3;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        height: 4.95em;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      i {\r\n        color: var(--primary);\r\n        line-height: 1.6;\r\n      }\r\n    }\r\n\r\n    &__footer {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: flex-end;\r\n      background-color: var(--primary);\r\n      padding: 0.5em;\r\n      margin: 0.25em -0.5em -0.5em;\r\n\r\n      button {\r\n        background-color: transparent;\r\n        border: 1px solid #ffffffe4;\r\n        border-radius: 0.5em;\r\n        padding: 0.3em 0.5em;\r\n        color: var(--white);\r\n        font-size: 1.1em;\r\n      }\r\n    }\r\n  }\r\n}"],
  "mappings": "AAAA,CAAA,QACE,WAAA,IAEA,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAHF,CAAA,QAII,WAAA,KACA,UAAA,OAGF,CAAA,cACE,cAAA,IAEA,iBAAA,IAAA,WACA,WAAA,UAAA,EAAA,IAAA,IACA,OAAA,YAEA,CAAA,oBAfJ,QAgBM,IACA,WAAA,MAEA,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAJF,CAAA,oBAKI,QAAA,MAGF,CAAA,2BACE,MAAA,QACA,UAAA,MAGF,CAAA,0BACE,MAAA,QACA,UAAA,IAIJ,CAAA,sBAlCJ,QAmCM,IACA,iBAAA,UACA,QAAA,KACA,YAAA,OACA,gBAAA,cAEA,CAPF,sBAOE,CAAA,SACE,WAAA,KACA,OAAA,EACA,WAAA,WA5CR,QA6CQ,MAAA,MACA,WAAA,MAAA,EAAA,EAAA,EAAA,IAAA,QACA,MAAA,QACA,UAAA,IACA,YAAA,IACA,SAAA,SACA,QAAA,GACA,eAAA,OACA,WAAA,MAAA,KACA,eAAA,UAEA,CAtBJ,sBAsBI,CAfF,QAeE,QAAA,CAtBJ,sBAsBI,CAfF,QAeE,OAEE,WAAA,QACA,QAAA,GACA,SAAA,SACA,OAAA,IAAA,MAAA,YACA,MAAA,EACA,OAAA,EAGF,CAhCJ,sBAgCI,CAzBF,QAyBE,QACE,IAAA,EACA,KAAA,EAGF,CArCJ,sBAqCI,CA9BF,QA8BE,OACE,OAAA,EACA,MAAA,EAGF,CA1CJ,sBA0CI,CAnCF,QAmCE,OACE,MAAA,QAGF,CA9CJ,sBA8CI,CAvCF,QAuCE,MAAA,QAAA,CA9CJ,sBA8CI,CAvCF,QAuCE,MAAA,OAEE,MAAA,KACA,OAAA,KAGF,CApDJ,sBAoDI,CA7CF,QA6CE,MAAA,QACE,iBAAA,QACA,mBAAA,QACA,WACE,MAAA,KAAA,QAAA,CAAA,OAAA,KAAA,SAAA,KAKJ,CA7DJ,sBA6DI,CAtDF,QAsDE,MAAA,OACE,oBAAA,QACA,kBAAA,QACA,WACE,aAAA,GAAA,SAAA,GAAA,CAAA,MAAA,KAAA,SAAA,GAAA,CAAA,OAAA,KAAA,SAAA,KAQN,CAAA,6BAKE,MAAA,QACA,UAAA,MALA,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OADF,CAAA,6BAEI,QAAA,GAUV,CAAA,OACE,WAAA,IAEA,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAHF,CAAA,OAII,WAAA,KACA,UAAA,OAGF,CAAA,aACE,cAAA,IAEA,iBAAA,IAAA,WACA,WAAA,UAAA,EAAA,IAAA,IACA,OAAA,YAEA,CAAA,mBAtIJ,QAuIM,IACA,WAAA,MAEA,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAJF,CAAA,mBAKI,QAAA,MAGF,CAAA,0BACE,MAAA,QACA,UAAA,MAGF,CAAA,yBACE,MAAA,QACA,UAAA,IAIJ,CAAA,qBAzJJ,QA0JM,IACA,iBAAA,UACA,QAAA,KACA,YAAA,OACA,gBAAA,cAEA,CAPF,qBAOE,CAvHA,SAwHE,WAAA,KACA,OAAA,EACA,WAAA,WAnKR,QAoKQ,MAAA,MACA,WAAA,MAAA,EAAA,EAAA,EAAA,IAAA,QACA,MAAA,QACA,UAAA,IACA,YAAA,IACA,SAAA,SACA,QAAA,GACA,eAAA,OACA,WAAA,MAAA,KACA,eAAA,UAEA,CAtBJ,qBAsBI,CAtIF,QAsIE,QAAA,CAtBJ,qBAsBI,CAtIF,QAsIE,OAEE,WAAA,QACA,QAAA,GACA,SAAA,SACA,OAAA,IAAA,MAAA,YACA,MAAA,EACA,OAAA,EAGF,CAhCJ,qBAgCI,CAhJF,QAgJE,QACE,IAAA,EACA,KAAA,EAGF,CArCJ,qBAqCI,CArJF,QAqJE,OACE,OAAA,EACA,MAAA,EAGF,CA1CJ,qBA0CI,CA1JF,QA0JE,OACE,MAAA,QAGF,CA9CJ,qBA8CI,CA9JF,QA8JE,MAAA,QAAA,CA9CJ,qBA8CI,CA9JF,QA8JE,MAAA,OAEE,MAAA,KACA,OAAA,KAGF,CApDJ,qBAoDI,CApKF,QAoKE,MAAA,QACE,iBAAA,QACA,mBAAA,QACA,WACE,MAAA,KAAA,QAAA,CAAA,OAAA,KAAA,SAAA,KAKJ,CA7DJ,qBA6DI,CA7KF,QA6KE,MAAA,OACE,oBAAA,QACA,kBAAA,QACA,WACE,aAAA,GAAA,SAAA,GAAA,CAAA,MAAA,KAAA,SAAA,GAAA,CAAA,OAAA,KAAA,SAAA,KAQN,CAzEF,qBAyEE,CAAA,KACE,QAAA,KACA,YAAA,OAEA,CA7EJ,qBA6EI,CAJF,KAIE,CAAA,SACE,WAAA,YACA,MAAA,IAAA,aACA,OAAA,IAAA,MAAA,IAAA,aACA,QAAA,YAGA,OAAA,IACA,MAAA,IACA,QAAA,KACA,YAAA,OACA,gBAAA,OACA,UAAA,IACA,WAAA,KACA,aAAA,KAEA,CA7FN,qBA6FM,CApBJ,KAoBI,CAhBF,QAgBE,OAAA,CA7FN,qBA6FM,CApBJ,KAoBI,CAhBF,QAgBE,CAAA,OAEE,iBAAA,IAAA,aACA,MAAA,IAAA,SAIJ,CApGJ,qBAoGI,CA3BF,KA2BE,CAAA,KACE,MAAA,QACA,UAAA,MACA,aAAA,KAEA,OAAA,KAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OALF,CApGJ,qBAoGI,CA3BF,KA2BE,CAAA,KAMI,QAAA,MA0BV,CAAA,QAAA,CAAA,YAEE,WAAA,EAAA,EAAA,IAAA,UACA,iBAAA,IAAA,SAhSJ,QAiSI,KAjSJ,cAkSI,KACA,WAAA,OACA,SAAA,SACA,QAAA,KACA,eAAA,OACA,gBAAA,cACA,OAAA,QACA,SAAA,OACA,UAAA,IAEA,CAfF,QAeE,CAfF,YAeE,CAAA,SACE,iBAAA,YACA,OAAA,IACA,SAAA,SACA,MAAA,EACA,OAAA,QAEA,CAtBJ,QAsBI,CAtBJ,YAsBI,CAAA,kBACE,MAAA,KACA,OAAA,IAAA,MAAA,UACA,iBAAA,IAAA,SAtTR,cAuTQ,IAvTR,QAwTQ,IAAA,IACA,SAAA,SACA,IAAA,KACA,MAAA,KACA,QAAA,KAEA,CAjCN,QAiCM,CAjCN,YAiCM,CAXF,kBAWE,OACE,MAAA,KACA,iBAAA,YACA,OAAA,IACA,QAAA,KACA,YAAA,OACA,gBAAA,aApUV,QAqUU,IAGE,CA3CV,QA2CU,CA3CV,YA2CU,CArBN,kBAqBM,OAAA,IAAA,OACE,gBAAA,UAQV,OAAA,CAAA,SAAA,EAAA,OApDF,CAAA,QAAA,CAAA,YAqDI,UAAA,QAGF,CAxDF,QAwDE,CAxDF,YAwDE,CAAA,KACE,UAAA,OACA,YAAA,IACA,MAAA,IAAA,WACA,eAAA,WAGF,CA/DF,QA+DE,CA/DF,YA+DE,CAAA,QACE,QAAA,KACA,gBAAA,cACA,WAAA,IACA,YAAA,SAEA,CArEJ,QAqEI,CArEJ,YAqEI,CANF,QAME,IACE,MAAA,IACA,aAAA,CAAA,CAAA,EApWR,cAqWQ,MACA,cAAA,KACA,QAAA,EACA,WAAA,UAAA,EAAA,IAAA,KAGF,CA9EJ,QA8EI,CA9EJ,YA8EI,CAfF,QAeE,CAAA,OACE,YAAA,IACA,MAAA,IAAA,WACA,UAAA,MAIJ,CArFF,QAqFE,CArFF,YAqFE,CAAA,QAEE,MAAA,KACA,QAAA,KACA,sBAAA,IAAA,IACA,gBAAA,MACA,YAAA,WACA,IAAA,MACA,UAAA,KACA,YAAA,IACA,UAAA,MACA,cAAA,KAEA,CAlGJ,QAkGI,CAlGJ,YAkGI,CAbF,QAaE,KACE,QAAA,YACA,mBAAA,EACA,mBAAA,SACA,SAAA,OACA,OAAA,OACA,YAAA,IAGF,CA3GJ,QA2GI,CA3GJ,YA2GI,CAtBF,QAsBE,EACE,MAAA,IAAA,WACA,YAAA,IAIJ,CAjHF,QAiHE,CAAA,oBACE,QAAA,KACA,YAAA,SACA,gBAAA,SACA,iBAAA,IAAA,WAlZN,QAmZM,KAnZN,OAoZM,MAAA,MAAA,MAEA,CAzHJ,QAyHI,CARF,oBAQE,OACE,iBAAA,YACA,OAAA,IAAA,MAAA,KAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,aAxZR,cAyZQ,KAzZR,QA0ZQ,KAAA,KACA,MAAA,IAAA,SACA,UAAA",
  "names": []
}