@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
.cmp-notifications-button{width:32px;height:32px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;display:block;background-image:url("../../../../../../etc.clientlibs/private-area/components/clientlibs/base/resources/icons/notification.svg");position:relative}
.cmp-notifications-button:before{position:absolute;content:'';left:50%;transform:translateX(-50%);width:40px;height:2px;bottom:-14px;display:none}
.cmp-notifications-button:after{position:absolute;content:'';width:12px;height:12px;display:inline-block;border-radius:100px;right:0;top:2px}
.cmp-notifications-button[data-notifications=""]:after,.cmp-notifications-button[data-notifications="0"]:after{transform:scale(0);transform-origin:center}
.mod__open-menu>.cmp-notifications .cmp-notifications-button:before{display:block}
@media(min-width:764px){.cmp-notifications-button:before{bottom:-10px}
}
@media(min-width:1016px){.cmp-notifications-button:before{bottom:-6px}
.cmp-notifications-button:after{content:attr(data-notifications);width:auto;height:16px;font-size:12px;line-height:16px;text-align:center;min-width:16px;padding:0 4px;top:0;left:20px;right:initial}
}
.cmp-notifications-list{position:fixed;width:100%;height:0;right:0;left:0;z-index:5002;overflow:hidden;transition:height .3s ease}
.cmp-notifications-list__header{padding:32px 32px 8px}
.cmp-notifications-list__title .cmp-title__text{font-size:24px;line-height:28px;text-transform:uppercase}
.cmp-notifications-list__subtitle{display:flex;justify-content:space-between;margin-top:16px}
.cmp-notifications-list__options{padding-left:8px;display:flex;align-items:center}
.cmp-notifications-list__body{overflow-y:auto}
.cmp-notifications-list__see-more{display:none;text-align:center;cursor:pointer;padding:16px 32px;font-size:16px;line-height:23px}
.cmp-notifications-list__see-more-text{display:inline-block}
.cmp-notifications-list__empty{display:none;text-align:center;padding:40px 32px;font-size:14px;line-height:20px}
.cmp-notifications-list.mod__empty .cmp-notifications-list__subtitle{visibility:hidden}
.cmp-notifications-list.mod__empty .cmp-notifications-list__empty{display:block}
@media(min-width:1016px){.cmp-notifications-list{overflow-y:hidden;width:542px}
.cmp-notifications-list.mod__reduced .cmp-notifications-list__body :nth-child(n+4){display:none}
.cmp-notifications-list.mod__reduced .cmp-notifications-list__see-more{display:block}
.cmp-notifications-list__title .cmp-title__text{font-size:40px;line-height:44px}
.cmp-notifications-list__empty{font-size:16px;line-height:24px}
}
@media(min-width:1436px){.cmp-notifications-list{width:553px}
}
.aem-AuthorLayer-Preview .cmp-notifications__title{display:none}
.cmp-notifications-item{padding:16px 32px 16px 52px;position:relative;cursor:pointer}
.cmp-notifications-item.mod__pending-occult{height:0;padding:0 32px 0 52px;transition:all .5s linear}
.cmp-notifications-item__content{max-height:100px;transition:all .5s linear .5s}
.cmp-notifications-item__header{margin-bottom:8px;display:flex;justify-content:space-between}
.cmp-notifications-item__body{display:flex;justify-content:space-between}
.cmp-notifications-item__title{position:relative;font-size:14px;line-height:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-notifications-item__date{font-size:12px;line-height:16px;padding-left:8px;flex:0 0 95px;text-align:right}
.cmp-notifications-item__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:20px}
.cmp-notifications-item__options{padding-left:8px;display:flex;align-items:center}
.cmp-notifications-item__message{padding:16px 32px 16px 52px;display:flex;left:0;top:0;width:100%;position:absolute;opacity:0;pointer-events:none;justify-content:space-between;transition:opacity .3s ease-in}
.cmp-notifications-item__undo{font-size:14px;line-height:19px;margin-left:8px}
.cmp-notifications-item.mod__no-read .cmp-notifications-item__title:before{position:absolute;content:'';width:8px;height:8px;border-radius:50%;top:4px;left:-15px}
.cmp-notifications-item.mod__pending-remove .cmp-notifications-item__content{max-height:20px;opacity:0;pointer-events:none;transition:all .5s linear}
.cmp-notifications-item.mod__pending-remove .cmp-notifications-item__message{transition:opacity .3s ease-in .7s;pointer-events:auto;opacity:1}
@media(min-width:1016px){.cmp-notifications-item__title{font-size:16px;line-height:20px;position:relative}
.cmp-notifications-item__date{font-size:14px;line-height:20px}
.cmp-notifications-item__text{font-size:16px;line-height:24px}
.cmp-notifications-item__undo{font-size:16px;line-height:23px;cursor:pointer}
.cmp-notifications-item.mod__no-read{cursor:pointer}
.cmp-notifications-item.mod__no-read .cmp-notifications-item__title:before{top:7px}
.mod__pending-remove .cmp-notifications-item__content{max-height:24px}
}
.cmp-notifications-checkbox{cursor:pointer;position:relative;width:20px;height:20px}
.cmp-notifications-checkbox:before{position:absolute;content:'';width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;top:0;left:0;opacity:0}
.cmp-notifications-checkbox.mod__selected:before{opacity:1}
.cmp-notifications-checkbox.mod__partial:before{opacity:1}
.cmp-notifications-remove{cursor:pointer;position:relative;pointer-events:none;width:16px;height:16px;background-size:cover;background-position:center;background-repeat:no-repeat;margin-right:4px;opacity:.5}
.cmp-notifications-remove.mod__active{opacity:1;pointer-events:auto}
.cmp-notifications-remove.mod__active:hover{opacity:.7}
@media(min-width:1016px){.cmp-notifications-remove{width:20px;height:20px}
}
.cmp-notifications-details{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;padding:24px 16px}
.cmp-notifications-details__top{display:flex;justify-content:space-between;margin-bottom:24px}
.cmp-notifications-details__title{font-size:20px;line-height:24px;margin-bottom:40px}
.cmp-notifications-details__image{display:block;width:286px;height:154px;margin:0 auto 40px}
.cmp-notifications-details__image img{max-width:100%;width:100%}
.cmp-notifications-details[data-type="100"] .cmp-notifications-details__image img{position:relative;width:auto;height:185%;top:50%;transform:translate(16px,-50%);object-fit:cover;filter:grayscale(100%) contrast(0);opacity:.5}
.cmp-notifications-details__date{font-size:12px;line-height:16px;margin-bottom:24px}
.cmp-notifications-details__description{font-size:14px;line-height:20px;margin-bottom:40px}
.cmp-notifications-details__cta{display:flex;justify-content:flex-end;padding-bottom:24px}
.cmp-notifications-details .cmp-notifications-remove{width:24px;height:24px;margin-right:0}
@media(min-width:764px){.cmp-notifications-details{padding:24px 32px}
.cmp-notifications-details__title{font-size:24px;line-height:28px}
}
@media(min-width:1016px){.cmp-notifications-details__title{font-size:30px;line-height:36px}
.cmp-notifications-details__date{font-size:14px;line-height:20px}
.cmp-notifications-details__description{font-size:16px;line-height:24px}
}
.cmp-notifications-details{transition:all .5s ease;opacity:0;transform:translateX(100%)}
.cmp-notifications-list.mod__details-opened .cmp-notifications-details{opacity:1;transform:translateX(0)}
.cmp-notifications-push{position:fixed;z-index:100;width:calc(100% - 32px);max-width:334px;pointer-events:none;opacity:0}
.cmp-notifications-push.mod__active{pointer-events:auto;opacity:1}
@media(min-width:1016px){.cmp-notifications-push{max-width:378px}
}
@media(min-width:1436px){.cmp-notifications-push{max-width:436px}
}
.cmp-notifications-push-item{position:relative;max-height:0;overflow-y:hidden;transition:max-height .8s ease;width:100%}
.cmp-notifications-push-item__content{position:relative;cursor:pointer;box-shadow:0 4px 6px rgba(27,27,27,0.1);padding:8px 8px 8px 36px;margin-bottom:8px;transition:opacity 1s ease;opacity:0}
.cmp-notifications-push-item__content:before{position:absolute;content:'';width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;top:8px;left:8px}
.cmp-notifications-push-item__close{position:absolute;cursor:pointer;width:20px;height:20px;background-size:cover;background-position:center;background-repeat:no-repeat;top:8px;right:8px}
.cmp-notifications-push-item__close:hover{opacity:.6}
.cmp-notifications-push-item__title{font-size:16px;line-height:20px;margin-bottom:4px;padding-right:28px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-notifications-push-item__text{font-size:12px;line-height:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-notifications-push-item.mod__active{max-height:300px}
.cmp-notifications-push-item.mod__active .cmp-notifications-push-item__content{opacity:1}
@media(min-width:764px){.cmp-notifications-push-item__content{margin-bottom:16px}
}