{"version":3,"file":"../css/admin/plugin-dashboard/sidebar-notifications.css","mappings":";;;AAAA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AACI;EACI;EACA;EACA;AACR;AAEI;EACI;EACA;AAAR;AAGI;EACI;EACA;EACA;EACA;AADR;AAGQ;EACI;AADZ;AAKI;EACI;EACA;EACA;EACA;EACA;AAHR;AAKQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAHZ;AAKY;EACI;EACA;AAHhB;AAQY;EACI;EACA;EACA;EACA;EACA;AANhB;AASY;EACI;EACA;EACA;EACA;AAPhB;AAYI;EACI;AAVR;AAYQ;EACI;EACA;EACA;EACA;EACA;EACA;AAVZ;AAaQ;EACI;AAXZ;AAeI;EACI;EACA;EACA;AAbR;AAeQ;EACI;AAbZ;AAeQ;EACI;AAbZ;AAeQ;EACI;AAbZ;;AAmBA;AAEI;EACI;EACA;EACA;EACA;AAjBR;AAmBQ;EACI;AAjBZ;AAqBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBR;AAqBQ;EACI;AAnBZ;AAsBQ;EACI;AApBZ;AAuBQ;EACI;AArBZ;AAyBI;EACI;EACA;EACA;EACA;EACA;EACA;AAvBR;AA2BQ;EACI;AAzBZ;AA0BY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAxBhB;AA0BgB;EACI;EACA;EACA;AAxBpB;AA8BI;EACI;EACA;EACA;AA5BR;;AAkCQ;EACI;AA/BZ,C","sources":["webpack://athemes-blocks/./assets/sass/admin/plugin-dashboard/sidebar-notifications.scss"],"sourcesContent":["/* Notifications Sidebar */\n.atb-dashboard-notifications-sidebar {\n    position: fixed;\n    top: calc( 32px + 64px );\n    right: 0;\n    width: 100%;\n    max-width: 500px;\n    height: calc( 100vh - 92px );\n    background-color: #FFF;\n    box-shadow: -10px 12px 14px rgba(0, 0, 0, 0.05);\n    opacity: 0;\n    visibility: hidden;\n    transform: translate3d( 100%, 0, 0 );\n    transition: ease transform 300ms, ease opacity 300ms;\n    z-index: 1000;\n\n    &.opened {\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n    }\n\n    &.closing {\n        opacity: 0;\n        transform: translate3d( 100%, 0, 0 );\n    }\n\n    .atb-dashboard-notifications-sidebar-close {\n        position: absolute;\n        top: 15px;\n        right: 15px;\n        transition: ease opacity 300ms;\n\n        &:hover {\n            opacity: 0.7;\n        }\n    }\n\n    .atb-dashboard-notifications-sidebar-header {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        background-color: #EAEEF2;\n        padding: 20px 22px;\n\n        .atb-dashboard-notifications-sidebar-header-icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 40px;\n            height: 40px;\n            background-color: #FFF;\n            border: 1px solid #EBEDEF;\n            border-radius: 35px;\n\n            svg {\n                position: relative;\n                top: -2px;\n            }\n        }\n\n        .atb-dashboard-notifications-sidebar-header-content {\n            h3 {\n                font-size: 16px;\n                line-height: 26px;\n                font-weight: 600;\n                color: #3858E9;\n                margin: 0;\n            }\n\n            p {\n                font-size: 13px;\n                line-height: 18px;\n                color: #757575;\n                margin: 0;\n            }\n        }\n    }\n\n    .atb-dashboard-notifications-sidebar-tabs {\n        position: relative;\n\n        &:after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 20px;\n            width: calc( 100% - 40px);\n            border-bottom: 1px solid #F0F0F1;\n        }\n\n        & + .atb-dashboard-notifications-sidebar-body {\n            max-height: calc( 100vh - 232px);\n        }\n    }\n\n    .atb-dashboard-notifications-sidebar-body {\n        padding: 20px;\n        overflow-y: auto;\n        max-height: calc( 100vh - 180px );\n        \n        &::-webkit-scrollbar {\n            width: 5px;\n        }\n        &::-webkit-scrollbar-track {\n            background: #e2e2e2;\n        }\n        &::-webkit-scrollbar-thumb {\n            background-color: #CCC;\n        }\n    }\n\n}\n\n/* Notifications (card) */\n.atb-dashboard-notification {\n    .atb-dashboard-notification-date {\n        display: block;\n        font-size: 13px;\n        line-height: 18px;\n        color: #757575;\n\n        & + .atb-dashboard-notification-content {\n            margin-top: 20px;\n        }\n    }\n\n    .changelog-tag {\n        display: inline-block;\n        font-size: 10px;\n        line-height: 18px;\n        color: #FFF;\n        padding: 0px 10px;\n        background-color: #CCC;\n        border-radius: 3px;\n        text-transform: uppercase;\n        font-weight: 600;\n        margin-bottom: 5px;\n\n        &.changelog-added {\n            background-color: #73B189;\n        }\n\n        &.changelog-changed {\n            background-color: #F6CA45;\n        }\n\n        &.changelog-fixed {\n            background-color: #967BE3;\n        }\n    }\n\n    .changelog-description {\n        display: block;\n        font-size: 13px;\n        line-height: 21px;\n        font-weight: 400;\n        color: #757575;\n        margin-top: 5px;\n    }\n\n    .atb-dashboard-notification-content {\n        ul {\n            margin: 0;\n            li {\n                display: flex;\n                flex-direction: column;\n                align-items: flex-start;\n                font-size: 16px;\n                line-height: 26px;\n                font-weight: 600;\n                color: #101517;\n\n                & + li {\n                    margin-top: 15px;\n                    padding-top: 15px;\n                    border-top: 1px solid #E7E7E7;\n                }\n            }   \n        }\n    }\n\n    & + .atb-dashboard-notification {\n        margin: 20px -20px 0px;\n        padding: 20px 20px 0px;\n        border-top: 1px solid #E7E7E7;\n    }\n}\n\n.atb-dashboard__top-bar-item-notification {\n    &.read {\n        .atb-dashboard__top-bar-item-notification-count {\n            display: none;\n        }\n    }\n}"],"names":[],"sourceRoot":""}