.notification-box__wrapper{position:relative;z-index:101}
.notification-box__wrapper.notification-box__wrapper__red-bubble .notification-box__counter{background-color:#c62e20}
.notification-box__main-button{width:36px;height:36px;border-radius:4px;display:flex;justify-content:center;align-items:center}
.notification-box__main-button:hover{background:#1a3e66;cursor:pointer}
.notification-box__title-wrapper{display:flex;align-items:center}
.notification-box__title{display:none;font-weight:500;font-size:16px;line-height:24px;color:#222;margin-right:14px}
.notification-box__title-icon{width:21px;height:21px}
.notification-box__counter{position:absolute;display:flex;align-items:center;justify-content:center;width:10px;height:10px;border-radius:50%;background-color:#ff7a00;font-weight:500;font-size:0;top:2px;right:2px;color:#fff}
.notification-box__arrow-wrapper{display:none;width:14px;height:8px;transition:.2s}
.notification-box__arrow-wrapper--rotate{transform:rotate(180deg)}
.notification-box__close-wrapper{display:none}
.notification-box__dropdown{position:absolute;right:0;z-index:1;width:280px;min-height:200px;overflow-y:scroll;max-height:calc(100vh - 135px);background:#fff;box-shadow:0 20px 35px rgba(0,0,0,0.15);border-radius:14px;padding:36px 18px 16px;scrollbar-width:none}
.notification-box__dropdown::-webkit-scrollbar{display:none}
.notification-box__dropdown--small-phone{height:200px;overflow-y:scroll}
.notification-box__dropdown *{transform:translate3d(0,0,0)}
.notification-box__placeholder{margin:32px 20px 100px;display:flex;flex-direction:column;align-items:center;line-height:21px;color:#222;text-align:center}
.notification-box__placeholder svg{width:62px;height:62px;margin-bottom:23px}
.notification-box__placeholder--title{font-weight:500;font-size:23px;margin-bottom:10px}
.notification-box__placeholder--description{font-weight:400;font-size:14px;margin-bottom:10px}
.notification-box__hidden{display:none}
.aem-AuthorLayer-Edit .notification-box__wrapper{position:relative;top:unset;right:unset}
.aem-AuthorLayer-Edit .notification-box__main-button{position:relative;top:unset;right:unset}
.aem-AuthorLayer-Edit .notification-box__hidden{display:block}
.aem-AuthorLayer-Edit .notification-box__dropdown{position:unset;width:600px;min-height:1500px}
.aem-AuthorLayer-Edit .reference .notification-box__hidden{display:none}
.aem-AuthorLayer-Edit .reference .notification-box__dropdown{display:none}
@media only screen and (max-width:1099px){.notification-box{width:calc(100% + 58px);position:fixed;bottom:0;left:-29px;z-index:196}
.notification-box__wrapper{position:unset;top:unset;right:unset;z-index:196}
.notification-box__wrapper--opened{position:fixed;top:70px;left:0;width:100%}
.notification-box__wrapper--opened .notification-box__close-wrapper{display:block;position:absolute;right:30px;width:17px;height:17px}
.notification-box__title{display:flex}
.notification-box__title-icon{display:none}
.notification-box__counter{position:unset;font-size:14px;width:24px;height:24px}
.notification-box__main-button{height:48px;padding:12px 16px 12px 24px;display:flex;border-radius:8px 8px 0 0;align-items:center;width:100%;justify-content:center;background-color:#d1edfc}
.notification-box__main-button:hover{background:#d1edfc}
.notification-box__arrow-wrapper{display:none}
.notification-box__dropdown{width:100%;min-height:calc(100vh - 105px);height:auto;transition:.5s;padding-bottom:80px;border-radius:0 0 14px 14px}
.notification-box__dropdown--small-phone{height:200px}
.notification-box__dropdown.notification-box__hidden{height:0;transition:.5s}
}
@media only screen and (max-width:619px){.notification-box{width:calc(100% + 38px);left:-19px}
.notification-box__dropdown{padding-top:18px}
}