{"version":3,"file":"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 */\r\n.atb-dashboard-notifications-sidebar {\r\n    position: fixed;\r\n    top: calc( 32px + 64px );\r\n    right: 0;\r\n    width: 100%;\r\n    max-width: 500px;\r\n    height: calc( 100vh - 92px );\r\n    background-color: #FFF;\r\n    box-shadow: -10px 12px 14px rgba(0, 0, 0, 0.05);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translate3d( 100%, 0, 0 );\r\n    transition: ease transform 300ms, ease opacity 300ms;\r\n    z-index: 1000;\r\n\r\n    &.opened {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: none;\r\n    }\r\n\r\n    &.closing {\r\n        opacity: 0;\r\n        transform: translate3d( 100%, 0, 0 );\r\n    }\r\n\r\n    .atb-dashboard-notifications-sidebar-close {\r\n        position: absolute;\r\n        top: 15px;\r\n        right: 15px;\r\n        transition: ease opacity 300ms;\r\n\r\n        &:hover {\r\n            opacity: 0.7;\r\n        }\r\n    }\r\n\r\n    .atb-dashboard-notifications-sidebar-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background-color: #EAEEF2;\r\n        padding: 20px 22px;\r\n\r\n        .atb-dashboard-notifications-sidebar-header-icon {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 40px;\r\n            height: 40px;\r\n            background-color: #FFF;\r\n            border: 1px solid #EBEDEF;\r\n            border-radius: 35px;\r\n\r\n            svg {\r\n                position: relative;\r\n                top: -2px;\r\n            }\r\n        }\r\n\r\n        .atb-dashboard-notifications-sidebar-header-content {\r\n            h3 {\r\n                font-size: 16px;\r\n                line-height: 26px;\r\n                font-weight: 600;\r\n                color: #3858E9;\r\n                margin: 0;\r\n            }\r\n\r\n            p {\r\n                font-size: 13px;\r\n                line-height: 18px;\r\n                color: #757575;\r\n                margin: 0;\r\n            }\r\n        }\r\n    }\r\n\r\n    .atb-dashboard-notifications-sidebar-tabs {\r\n        position: relative;\r\n\r\n        &:after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 20px;\r\n            width: calc( 100% - 40px);\r\n            border-bottom: 1px solid #F0F0F1;\r\n        }\r\n\r\n        & + .atb-dashboard-notifications-sidebar-body {\r\n            max-height: calc( 100vh - 232px);\r\n        }\r\n    }\r\n\r\n    .atb-dashboard-notifications-sidebar-body {\r\n        padding: 20px;\r\n        overflow-y: auto;\r\n        max-height: calc( 100vh - 180px );\r\n        \r\n        &::-webkit-scrollbar {\r\n            width: 5px;\r\n        }\r\n        &::-webkit-scrollbar-track {\r\n            background: #e2e2e2;\r\n        }\r\n        &::-webkit-scrollbar-thumb {\r\n            background-color: #CCC;\r\n        }\r\n    }\r\n\r\n}\r\n\r\n/* Notifications (card) */\r\n.atb-dashboard-notification {\r\n    .atb-dashboard-notification-date {\r\n        display: block;\r\n        font-size: 13px;\r\n        line-height: 18px;\r\n        color: #757575;\r\n\r\n        & + .atb-dashboard-notification-content {\r\n            margin-top: 20px;\r\n        }\r\n    }\r\n\r\n    .changelog-tag {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        line-height: 18px;\r\n        color: #FFF;\r\n        padding: 0px 10px;\r\n        background-color: #CCC;\r\n        border-radius: 3px;\r\n        text-transform: uppercase;\r\n        font-weight: 600;\r\n        margin-bottom: 5px;\r\n\r\n        &.changelog-added {\r\n            background-color: #73B189;\r\n        }\r\n\r\n        &.changelog-changed {\r\n            background-color: #F6CA45;\r\n        }\r\n\r\n        &.changelog-fixed {\r\n            background-color: #967BE3;\r\n        }\r\n    }\r\n\r\n    .changelog-description {\r\n        display: block;\r\n        font-size: 13px;\r\n        line-height: 21px;\r\n        font-weight: 400;\r\n        color: #757575;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .atb-dashboard-notification-content {\r\n        ul {\r\n            margin: 0;\r\n            li {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                font-size: 16px;\r\n                line-height: 26px;\r\n                font-weight: 600;\r\n                color: #101517;\r\n\r\n                & + li {\r\n                    margin-top: 15px;\r\n                    padding-top: 15px;\r\n                    border-top: 1px solid #E7E7E7;\r\n                }\r\n            }   \r\n        }\r\n    }\r\n\r\n    & + .atb-dashboard-notification {\r\n        margin: 20px -20px 0px;\r\n        padding: 20px 20px 0px;\r\n        border-top: 1px solid #E7E7E7;\r\n    }\r\n}\r\n\r\n.atb-dashboard__top-bar-item-notification {\r\n    &.read {\r\n        .atb-dashboard__top-bar-item-notification-count {\r\n            display: none;\r\n        }\r\n    }\r\n}"],"names":[],"sourceRoot":""}