.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}customer-notifications-container .halo-sidebar-close{position:relative;top:inherit}customer-notifications-container .halo-sidebar-header{display:flex;align-items:center;padding-top:10px}customer-notifications-container .halo-sidebar-header .title{font-size:14px;font-weight:700}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:8px;height:8px;background-color:#a71e04;border-radius:50%;position:absolute;top:4px;right:-1px;animation:pulseBadge 1.6s ease-in-out infinite}@keyframes pulseBadge{0%{transform:scale(.9);box-shadow:0 0 #a71e0499}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:24px;stroke:none;fill:none}.header-navigation customer-notifications button .icon-bell path{stroke:#000!important}.section-header-navigation:not(.scrolled-past-header) .header-hamburger--transparent customer-notifications button .icon-bell path{stroke:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-notify.css.map */