.notification-item{padding:20px;border-bottom:1px solid #eaeaea}.head-notify{display:flex;align-items:flex-start;gap:15px}.head-notify img{min-width:fit-content}.head-notify .content-container{display:flex;flex-direction:column;gap:0;line-height:1;margin-bottom:10px}.notifications-list,.empty-notifications{height:100%}.empty-notifications{display:flex;align-items:center;flex-direction:column;justify-content:center}.empty-notifications svg{width:80px;height:80px;opacity:.2;stroke:none}customer-notifications-container .halo-sidebar-close{position:relative;top:inherit}customer-notifications-container .halo-sidebar-header{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}customer-notifications-container .halo-sidebar-header .title{text-transform:none;color:#232323}span.title-notify.h3{font-size:14px;font-family:var(--font-body-family);letter-spacing:0;font-weight:700}span.content-notify{font-size:12px;line-height:1.2;line-height:10px;color:#7e7d7d}.icon-nav{padding-top:5px;min-width:fit-content}body.notifications-sidebar-show .halo-notification-sidebar{transform:translateZ(0);opacity:1;visibility:visible}body.notifications-sidebar-show .background-overlay{opacity:1;pointer-events:all}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ffe5e89e}70%{transform:scale(1);box-shadow:0 0 0 5px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.notification-item.unread{background-color:#f1f1f1}button[data-open-notification].unread-notifications:after{content:"";width:6px;height:6px;background-color:#e94e1d;border-radius:50%;position:absolute;top:3px;right:0;animation:pulseBadge 1.6s ease-in-out infinite}@keyframes pulseBadge{0%{transform:scale(.9);box-shadow:0 0 #e94e1d}70%{transform:scale(1.1);box-shadow:0 0 0 6px #a71e0400}to{transform:scale(.9);box-shadow:0 0 #a71e0400}}button[data-open-notification].unread-notifications svg{animation:ringBell 2s ease-in-out infinite;transform-origin:top center}@keyframes ringBell{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}customer-notifications button{background:no-repeat;border:none;padding:0}customer-notifications button svg.icon-bell{width:auto;height:18px;stroke:none;fill:none}@media (max-width: 1024px){customer-notifications button svg.icon-bell{width:auto;height:24px;stroke:none;fill:none}.header-mobile__item--customer{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-notify.css.map */