{
  "version": 3,
  "sources": ["src/app/customers/community/profile/profile-news/profile-news.component.scss"],
  "sourcesContent": [".profile-news {\n    &__header {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n    }\n\n    .button-2 {\n        // margin-top: 1.25rem;\n\n        background: none;\n        border: 0;\n        box-sizing: border-box;\n        padding: 0.6em 1em;\n        box-shadow: inset 0 0 0 2px rgba(var(--black-rgb), var(--black-rgb), var(--black-rgb), 0.15);\n        color: var(--secondary);\n        font-weight: 500;\n        position: relative;\n        z-index: 9;\n        vertical-align: middle;\n        transition: color 0.25s;\n        text-transform: uppercase;\n\n        @media only screen and (max-width: 768px) {\n            font-size: 0.7rem;\n        }\n\n        &.active {\n            background-color: var(--secondary);\n            color: var(--white);\n            box-shadow: inset 0 0 0 2px var(--secondary);\n\n            &:hover {\n                color: var(--white);\n            }\n        }\n\n        &::before,\n        &::after {\n            box-sizing: inherit;\n            content: \"\";\n            position: absolute;\n            border: 2px solid transparent;\n            width: 0;\n            height: 0;\n        }\n\n        &::before {\n            top: 0;\n            left: 0;\n        }\n\n        &::after {\n            bottom: 0;\n            right: 0;\n        }\n\n        &:hover {\n            color: var(--secondary);\n        }\n\n        &:hover::before,\n        &:hover::after {\n            width: 100%;\n            height: 100%;\n        }\n\n        &:hover::before {\n            border-top-color: var(--secondary); // Make borders visible\n            border-right-color: var(--secondary);\n            transition: width 0.25s ease-out,\n                // Width expands first\n                height 0.25s ease-out 0.25s; // And then height\n        }\n\n        &:hover::after {\n            border-bottom-color: var(--secondary); // Make borders visible\n            border-left-color: var(--secondary);\n            transition: border-color 0s ease-out 0.5s,\n                // Wait for ::before to finish before showing border\n                width 0.25s ease-out 0.5s,\n                // And then exanding width\n                height 0.25s ease-out 0.75s; // And finally height\n        }\n    }\n\n    &__content {\n        &__item {\n            &__empty {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n            }\n        }\n    }\n\n    .sg-new-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1rem;\n\n        @media only screen and (min-width: 767px) and (max-width: 1200px) {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        @media only screen and (max-width: 767px) {\n            grid-template-columns: repeat(1, 1fr);\n        }\n\n        .my-card {\n            cursor: pointer;\n            background-color: var(--white);\n            position: relative;\n            border-bottom: 2px solid var(--primary);\n            font-size: 1rem;\n\n            @media only screen and (max-width: 767px) {\n                font-size: 0.9rem;\n                display: grid;\n                grid-template-columns: 9em 1fr;\n            }\n\n            &:hover {\n                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n\n                &::before {\n                    width: 100%;\n                }\n            }\n\n            &::before {\n                content: \"\";\n                height: 3px;\n                width: 0%;\n                position: absolute;\n                bottom: -2px;\n                transition: width 0.2s linear;\n                background-color: var(--primary);\n            }\n\n            .heart {\n                position: absolute;\n                left: 0.5em;\n                top: 0.25em;\n                font-size: 1.25em;\n\n                i {\n                    margin-right: 0.25em;\n                }\n            }\n\n            img {\n                width: 100%;\n                object-fit: cover;\n\n                @media only screen and (min-width: 767px) {\n                    aspect-ratio: 1/0.75;\n                }\n\n                // @media only screen and (max-width: 767px) {\n                //   height: 100%;\n                // }\n            }\n\n            .body {\n                padding: 1em;\n\n                &--meta {\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    margin-bottom: 0.25em;\n\n                    span {\n                        font-size: 1em;\n                        line-height: 1;\n                        font-weight: 600;\n                        text-transform: uppercase;\n                        color: var(--white);\n                        padding: 0.25em;\n                        background-color: var(--primary);\n\n                        @media only screen and (max-width: 767px) {\n                            font-size: 0.75em;\n                        }\n                    }\n\n                    .options {\n                        margin-top: 0.25em;\n                        color: rgba(var(--primary-r),\n                                var(--primary-g),\n                                var(--primary-b),\n                                0.5);\n\n                        .icon {\n                            width: 1em;\n                            display: flex;\n                            align-items: center;\n                            justify-content: center;\n                        }\n                    }\n                }\n\n                &--title {\n                    font-family: Roboto, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n                    font-weight: 700;\n                    font-size: 1.4em;\n                    margin-bottom: 0.5em;\n                    text-transform: capitalize;\n                    line-height: 1.4em;\n\n                    @media only screen and (max-width: 767px) {\n                        font-size: 1rem;\n                        line-height: 1rem;\n                    }\n                }\n\n                &--details {\n                    display: flex;\n                    align-items: center;\n                    font-size: 0.8em;\n                    position: absolute;\n                    bottom: 0.25em;\n\n                    .item {\n                        margin-right: 0.5em;\n                        display: flex;\n                        align-items: center;\n                        justify-content: space-between;\n\n                        i {\n                            color: var(--primary);\n                            margin-right: 0.25em;\n                            font-size: 0.7em;\n                        }\n\n                        span {\n                            color: #777;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}"],
  "mappings": "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",
  "names": []
}
