{
  "version": 3,
  "sources": ["src/app/poll-card/poll-card.component.scss"],
  "sourcesContent": [".poll-card {\n    margin-bottom: 1rem;\n    box-shadow:\n        rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,\n        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;\n   // border: 1px solid var(--primary);\n    border-radius: 0.25rem;\n    img {\n        border-radius: 0.25rem;\n    }\n    &--header {\n        padding: 1rem;\n        // display: flex;\n        // align-items: center;\n        // justify-content: space-between;\n        .name {\n            font-size: 1.25rem;\n            text-transform: capitalize;\n        }\n        .time {\n            color: var(--primary);\n        }\n    }\n    &--body {\n        padding: 0 1rem 1rem;\n    }\n \n    &--footer {\n        padding: 0.5rem 0 0.5rem 1rem;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        background-color: rgba(var(--white-rgb), var(--white-rgb), var(--white-rgb), 0.5);\n        .icons {\n            span {\n                margin-right: 0.75rem;\n                i {\n                    font-size: 1.25rem;\n                    cursor: pointer;\n                }\n                .fa-heart {\n                    color: var(--secondary);\n                }\n                .fa-link {\n                    color: var(--primary);\n                }\n            }\n        }\n        .list {\n            position: relative;\n            width: 2rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            &__bars {\n                color: var(--primary);\n                font-size: 1.25rem;\n                width: 2rem;\n                cursor: pointer;\n            }\n            &__menu {\n                position: absolute;\n                background-color: var(--white);\n                box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;\n                right: 50%;\n                top: 100%;\n                border-radius: 0.25rem;\n                opacity: 0;\n                transform: translateX(1rem);\n                display: none;\n                &.active {\n                    opacity: 1;\n                    display: inherit;\n                    transform: translateX(0);\n                }\n                &--item {\n                    padding: 0.25rem 0.75rem;\n                    transition: 0.25s;\n                    display: flex;\n                    align-items: center;\n                    cursor: pointer;\n\n                    i {\n                        margin-right: 0.5rem;\n                    }\n                    &:hover {\n                        color: var(--primary);\n                        background-color: rgba(var(--black-rgb), var(--black-rgb), var(--black-rgb), 0.1);\n                    }\n                }\n            }\n        }\n    }\n}\n\n/* Hide the default checkbox */\n.progress-checkbox input[type=\"checkbox\"] {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n}\n\n/* Create a custom checkbox */\n.progress-checkbox {\n    display: inline-flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 16px;\n    user-select: none;\n}\n\n/* Create the checkmark/indicator (hidden when not checked) */\n.progress-checkbox .checkmark {\n    width: 30px;\n    height: 30px;\n    background-color: #eee;\n    border-radius: 4px;\n    margin-right: 8px;\n    position: relative;\n    transition: background-color 0.3s;\n}\n\n/* When the checkbox is checked, add a specific style */\n.progress-checkbox input:checked + .checkmark {\n    background-color: var(--primary);\n}\n\n/* Create the checkmark/indicator (visible when checked) */\n.progress-checkbox .checkmark::after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: 12px;\n    top: 7px;\n    width: 6px;\n    height: 12px;\n    border: solid rgba(0, 0, 0, 0.5);\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n}\n\n/* Show the checkmark when the checkbox is checked */\n.progress-checkbox input:checked + .checkmark::after {\n    border-color: white;\n}"],
  "mappings": "AAAA,CAAA,UACI,cAAA,KACA,WACI,UAAA,EAAA,IAAA,KAAA,IAAA,CAAA,UAAA,EAAA,IAAA,IAAA,KAHR,cAMI,OACA,CAPJ,UAOI,IAPJ,cAQQ,OAEJ,CAAA,kBAVJ,QAWQ,KAIA,CALJ,kBAKI,CAAA,KACI,UAAA,QACA,eAAA,WAEJ,CATJ,kBASI,CAAA,KACI,MAAA,IAAA,WAGR,CAAA,gBAvBJ,QAwBQ,EAAA,KAAA,KAGJ,CAAA,kBA3BJ,QA4BQ,MAAA,EAAA,MAAA,KACA,QAAA,KACA,YAAA,OACA,gBAAA,cACA,iBAAA,KAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,IAEI,CAPR,kBAOQ,CAAA,MAAA,KACI,aAAA,OACA,CATZ,kBASY,CAFJ,MAEI,KAAA,EACI,UAAA,QACA,OAAA,QAEJ,CAbZ,kBAaY,CANJ,MAMI,KAAA,CAAA,SACI,MAAA,IAAA,aAEJ,CAhBZ,kBAgBY,CATJ,MASI,KAAA,CAAA,QACI,MAAA,IAAA,WAIZ,CArBJ,kBAqBI,CAAA,KACI,SAAA,SACA,MAAA,KACA,QAAA,KACA,YAAA,OACA,gBAAA,OAEA,CA5BR,kBA4BQ,CAAA,WACI,MAAA,IAAA,WACA,UAAA,QACA,MAAA,KACA,OAAA,QAEJ,CAlCR,kBAkCQ,CAAA,WACI,SAAA,SACA,iBAAA,IAAA,SACA,WAAA,UAAA,EAAA,IAAA,IACA,MAAA,IACA,IAAA,KAlEhB,cAmEgB,OACA,QAAA,EACA,UAAA,UAAA,MACA,QAAA,KACA,CA5CZ,kBA4CY,CAVJ,UAUI,CAAA,OACI,QAAA,EACA,QAAA,QACA,UAAA,UAAA,GAEJ,CAjDZ,kBAiDY,CAAA,iBA5EhB,QA6EoB,OAAA,OACA,WAAA,KACA,QAAA,KACA,YAAA,OACA,OAAA,QAEA,CAxDhB,kBAwDgB,CAPJ,iBAOI,EACI,aAAA,MAEJ,CA3DhB,kBA2DgB,CAVJ,gBAUI,OACI,MAAA,IAAA,WACA,iBAAA,KAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,IAAA,YAAA,CAAA,IASxB,CAAA,kBAAA,KAAA,CAAA,eACI,SAAA,SACA,QAAA,EACA,OAAA,QAIJ,CAPA,kBAQI,QAAA,YACA,YAAA,OACA,OAAA,QACA,UAAA,KACA,oBAAA,KAAA,YAAA,KAIJ,CAhBA,kBAgBA,CAAA,UACI,MAAA,KACA,OAAA,KACA,iBAAA,KApHJ,cAqHI,IACA,aAAA,IACA,SAAA,SACA,WAAA,iBAAA,IAIJ,CA3BA,kBA2BA,KAAA,QAAA,CAAA,CAXA,UAYI,iBAAA,IAAA,WAIJ,CAhCA,kBAgCA,CAhBA,SAgBA,OACI,QAAA,GACA,SAAA,SACA,QAAA,MACA,KAAA,KACA,IAAA,IACA,MAAA,IACA,OAAA,KACA,OAAA,MAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IACA,aAAA,EAAA,IAAA,IAAA,EACA,UAAA,OAAA,OAIJ,CA9CA,kBA8CA,KAAA,QAAA,CAAA,CA9BA,SA8BA,OACI,aAAA",
  "names": []
}