{
  "version": 3,
  "sources": ["src/app/customers/community/community-youtube/community-youtube.component.scss"],
  "sourcesContent": [".community-youtube {\n    padding: 2rem 0;\n    min-height: 60vh;\n    // background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n\n    .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 1rem;\n    }\n\n    // Header Styles\n    .youtube-header {\n        text-align: center;\n        margin-bottom: 3rem;\n\n        .header-content {\n            .page-title {\n                font-size: 2.5rem;\n                font-weight: 700;\n                color: #2c3e50;\n                margin-bottom: 1rem;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 1rem;\n\n                i {\n                    color: #ff0000;\n                    font-size: 2.8rem;\n                }\n            }\n\n            .page-description {\n                font-size: 1.1rem;\n                color: #7f8c8d;\n                max-width: 600px;\n                margin: 0 auto;\n                line-height: 1.6;\n            }\n        }\n    }\n\n    // Loading States\n    .loading-container {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 300px;\n\n        .loading-spinner {\n            text-align: center;\n            color: #7f8c8d;\n\n            i {\n                font-size: 2rem;\n                margin-bottom: 1rem;\n                display: block;\n            }\n\n            p {\n                font-size: 1.1rem;\n                margin: 0;\n            }\n        }\n    }\n\n    .loading-more {\n        text-align: center;\n        padding: 2rem 0;\n\n        .loading-more-content {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            color: #7f8c8d;\n            font-size: 1rem;\n\n            i {\n                font-size: 1.2rem;\n            }\n        }\n    }\n\n    // YouTube Grid\n    .youtube-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n        gap: 2rem;\n        margin-bottom: 3rem;\n\n        @media (max-width: 768px) {\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            gap: 1.5rem;\n        }\n\n        @media (max-width: 480px) {\n            grid-template-columns: 1fr;\n            gap: 1rem;\n        }\n    }\n\n    // YouTube Card\n    .youtube-card {\n        background: white;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n        transition: all 0.3s ease;\n        cursor: pointer;\n\n        &:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n\n            .video-thumbnail {\n                .play-button {\n                    transform: scale(1.1);\n                    background: rgba(255, 0, 0, 0.9);\n                }\n\n                .video-overlay {\n                    opacity: 0.3;\n                }\n            }\n        }\n\n        .video-thumbnail {\n            position: relative;\n            width: 100%;\n            height: 200px;\n            overflow: hidden;\n\n            .thumbnail-image {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                transition: transform 0.3s ease;\n            }\n\n            .play-button {\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                width: 60px;\n                height: 60px;\n                background: rgba(255, 0, 0, 0.8);\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                transition: all 0.3s ease;\n                z-index: 2;\n\n                i {\n                    color: white;\n                    font-size: 1.5rem;\n                    margin-left: 3px; // Adjust play icon position\n                }\n            }\n\n            .video-overlay {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                background: linear-gradient(45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));\n                opacity: 0;\n                transition: opacity 0.3s ease;\n            }\n        }\n\n        .video-info {\n            padding: 1.5rem;\n\n            .video-meta {\n                .video-date {\n                    display: flex;\n                    align-items: center;\n                    gap: 0.5rem;\n                    color: #7f8c8d;\n                    font-size: 0.9rem;\n\n                    i {\n                        color: #95a5a6;\n                    }\n                }\n            }\n        }\n    }\n\n    // Load More Button\n    .load-more-container {\n        text-align: center;\n        margin: 3rem 0;\n\n        .load-more-btn {\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n            color: white;\n            border: none;\n            padding: 1rem 2rem;\n            border-radius: 50px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);\n\n            &:hover:not(:disabled) {\n                transform: translateY(-2px);\n                box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);\n            }\n\n            &:disabled {\n                opacity: 0.7;\n                cursor: not-allowed;\n                transform: none;\n            }\n\n            &.loading {\n                background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);\n            }\n\n            i {\n                font-size: 1rem;\n            }\n        }\n    }\n\n    // Empty State\n    .empty-state {\n        text-align: center;\n        padding: 4rem 2rem;\n        color: #7f8c8d;\n\n        .empty-content {\n            max-width: 400px;\n            margin: 0 auto;\n\n            i {\n                font-size: 4rem;\n                color: #bdc3c7;\n                margin-bottom: 1.5rem;\n                display: block;\n            }\n\n            h3 {\n                font-size: 1.5rem;\n                margin-bottom: 1rem;\n                color: #2c3e50;\n            }\n\n            p {\n                font-size: 1rem;\n                line-height: 1.6;\n                margin: 0;\n            }\n        }\n    }\n\n    // Responsive Design\n    @media (max-width: 768px) {\n        padding: 1.5rem 0;\n\n        .youtube-header {\n            margin-bottom: 2rem;\n\n            .header-content {\n                .page-title {\n                    font-size: 2rem;\n                    flex-direction: column;\n                    gap: 0.5rem;\n\n                    i {\n                        font-size: 2.2rem;\n                    }\n                }\n\n                .page-description {\n                    font-size: 1rem;\n                }\n            }\n        }\n\n        .youtube-grid {\n            margin-bottom: 2rem;\n        }\n\n        .load-more-container {\n            margin: 2rem 0;\n\n            .load-more-btn {\n                padding: 0.8rem 1.5rem;\n                font-size: 1rem;\n            }\n        }\n    }\n\n    @media (max-width: 480px) {\n        .container {\n            padding: 0 0.5rem;\n        }\n\n        .youtube-header {\n            .header-content {\n                .page-title {\n                    font-size: 1.8rem;\n                }\n\n                .page-description {\n                    font-size: 0.95rem;\n                }\n            }\n        }\n\n        .youtube-card {\n            .video-thumbnail {\n                height: 180px;\n\n                .play-button {\n                    width: 50px;\n                    height: 50px;\n\n                    i {\n                        font-size: 1.2rem;\n                    }\n                }\n            }\n\n            .video-info {\n                padding: 1rem;\n            }\n        }\n    }\n}"],
  "mappings": "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",
  "names": []
}