{
  "version": 3,
  "sources": ["src/app/customers/forum/tab-forum/news-forum/news-forum.component.scss"],
  "sourcesContent": [".news-forum {\n    margin-top: 3.5em;\n\n    @media screen and (max-width: 768px) {\n        margin-top: unset;\n    }\n\n    &__title {\n        font-size: 1.5em;\n        font-weight: 600;\n        color: var(--primary);\n        margin-bottom: 1em;\n    }\n\n    &__add-button {\n        background-color: rgba(106, 44, 189, 0.2);\n        border: 1px solid rgba(106, 44, 189, 1);\n        color: rgba(106, 44, 189, 1);\n        padding: 1em 0;\n        border-radius: 0.25em;\n        cursor: pointer;\n        width: 100%;\n        font-size: 1.25em;\n        font-weight: bold;\n        text-align: center;\n\n    }\n}\n\n.no-news-message {\n    text-align: center;\n    margin-top: 2em;\n    background-color: #f5f5f5; // bg graylight\n    width: 100%;\n    padding: 1em;\n    border-radius: 0.5em;\n}\n\n.news-card {\n    position: relative;\n    cursor: pointer;\n    display: flex;\n    gap: 0.5rem;\n    background-color: white;\n    border-radius: 0.5rem;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: box-shadow 0.3s ease, transform 0.3s ease;\n    border: 1px solid transparent;\n\n    @media screen and (min-width: 768px) {\n        flex-direction: column;\n    }\n\n    &:hover {\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        transform: translateY(-2px);\n\n    }\n\n    &__image {\n        width: 100px !important;\n\n        @media screen and (min-width: 768px) {\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        img {\n            aspect-ratio: 1 / 1;\n            border-radius: 0.5rem;\n            // width: 100%;\n            width: 100px !important;\n            object-fit: cover;\n            background-color: #eee;\n        }\n    }\n\n    &__content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    &__title {\n        font-size: 0.9rem !important;\n    }\n\n    p {\n        font-size: 0.75rem !important;\n    }\n\n    &.active {\n        border: 1px solid rgba(106, 44, 189, 1) !important;\n        background-color: rgba(106, 44, 189, 0.2);\n    }\n\n    &:hover {\n        border: 1px solid #888;\n    }\n}"],
  "mappings": "AAAA,CAAA,WACI,WAAA,MAEA,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAHJ,CAAA,WAIQ,WAAA,OAGJ,CAAA,kBACI,UAAA,MACA,YAAA,IACA,MAAA,IAAA,WACA,cAAA,IAGJ,CAAA,uBACI,iBAAA,UACA,OAAA,IAAA,MAAA,IAAA,GAAA,CAAA,EAAA,CAAA,KACA,MAAA,QAjBR,QAkBQ,IAAA,EAlBR,cAmBQ,MACA,OAAA,QACA,MAAA,KACA,UAAA,OACA,YAAA,IACA,WAAA,OAKR,CAAA,gBACI,WAAA,OACA,WAAA,IACA,iBAAA,QACA,MAAA,KAjCJ,QAkCI,IAlCJ,cAmCI,KAGJ,CAAA,UACI,SAAA,SACA,OAAA,QACA,QAAA,KACA,IAAA,MACA,iBAAA,KA3CJ,cA4CI,MACA,WAAA,EAAA,IAAA,IAAA,UACA,WAAA,WAAA,IAAA,IAAA,CAAA,UAAA,IAAA,KACA,OAAA,IAAA,MAAA,YAEA,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAXJ,CAAA,UAYQ,eAAA,QAGJ,CAfJ,SAeI,OACI,WAAA,EAAA,IAAA,IAAA,UACA,UAAA,WAAA,MAIJ,CAAA,iBACI,MAAA,gBAEA,OAAA,OAAA,IAAA,CAAA,SAAA,EAAA,OAHJ,CAAA,iBAIQ,YAAA,KACA,aAAA,MAGJ,CARJ,iBAQI,IACI,aAAA,CAAA,CAAA,EApEZ,cAqEY,MAEA,MAAA,gBACA,WAAA,MACA,iBAAA,KAIR,CAAA,mBACI,QAAA,KACA,eAAA,OACA,gBAAA,OAGJ,CAAA,iBACI,UAAA,gBAGJ,CAjDJ,UAiDI,EACI,UAAA,iBAGJ,CArDJ,SAqDI,CAAA,OACI,OAAA,IAAA,MAAA,IAAA,GAAA,CAAA,EAAA,CAAA,eACA,iBAAA,UAGJ,CA1DJ,SA0DI,OACI,OAAA,IAAA,MAAA",
  "names": []
}